.cm-s-abcdef.CodeMirror { background: #0f0f0f; color: #defdef; }
.cm-s-abcdef div.CodeMirror-selected { background: #515151; }
.cm-s-abcdef .CodeMirror-line::selection, .cm-s-abcdef .CodeMirror-line > span::selection, .cm-s-abcdef .CodeMirror-line > span > span::selection { background: rgba(56, 56, 56, 0.99); }
.cm-s-abcdef .CodeMirror-line::-moz-selection, .cm-s-abcdef .CodeMirror-line > span::-moz-selection, .cm-s-abcdef .CodeMirror-line > span > span::-moz-selection { background: rgba(56, 56, 56, 0.99); }
.cm-s-abcdef .CodeMirror-gutters { background: #555; border-right: 2px solid #314151; }
.cm-s-abcdef .CodeMirror-guttermarker { color: #222; }
.cm-s-abcdef .CodeMirror-guttermarker-subtle { color: azure; }
.cm-s-abcdef .CodeMirror-linenumber { color: #FFFFFF; }
.cm-s-abcdef .CodeMirror-cursor { border-left: 1px solid #00FF00; }

.cm-s-abcdef span.cm-keyword { color: darkgoldenrod; font-weight: bold; }
.cm-s-abcdef span.cm-atom { color: #77F; }
.cm-s-abcdef span.cm-number { color: violet; }
.cm-s-abcdef span.cm-def { color: #fffabc; }
.cm-s-abcdef span.cm-variable { color: #abcdef; }
.cm-s-abcdef span.cm-variable-2 { color: #cacbcc; }
.cm-s-abcdef span.cm-variable-3, .cm-s-abcdef span.cm-type { color: #def; }
.cm-s-abcdef span.cm-property { color: #fedcba; }
.cm-s-abcdef span.cm-operator { color: #ff0; }
.cm-s-abcdef span.cm-comment { color: #7a7b7c; font-style: italic;}
.cm-s-abcdef span.cm-string { color: #2b4; }
.cm-s-abcdef span.cm-meta { color: #C9F; }
.cm-s-abcdef span.cm-qualifier { color: #FFF700; }
.cm-s-abcdef span.cm-builtin { color: #30aabc; }
.cm-s-abcdef span.cm-bracket { color: #8a8a8a; }
.cm-s-abcdef span.cm-tag { color: #FFDD44; }
.cm-s-abcdef span.cm-attribute { color: #DDFF00; }
.cm-s-abcdef span.cm-error { color: #FF0000; }
.cm-s-abcdef span.cm-header { color: aquamarine; font-weight: bold; }
.cm-s-abcdef span.cm-link { color: blueviolet; }

.cm-s-abcdef .CodeMirror-activeline-background { background: #314151; }
.cm-s-cobalt.CodeMirror { background: #002240; color: white; }
.cm-s-cobalt div.CodeMirror-selected { background: #b36539; }
.cm-s-cobalt .CodeMirror-line::selection, .cm-s-cobalt .CodeMirror-line > span::selection, .cm-s-cobalt .CodeMirror-line > span > span::selection { background: rgba(179, 101, 57, .99); }
.cm-s-cobalt .CodeMirror-line::-moz-selection, .cm-s-cobalt .CodeMirror-line > span::-moz-selection, .cm-s-cobalt .CodeMirror-line > span > span::-moz-selection { background: rgba(179, 101, 57, .99); }
.cm-s-cobalt .CodeMirror-gutters { background: #002240; border-right: 1px solid #aaa; }
.cm-s-cobalt .CodeMirror-guttermarker { color: #ffee80; }
.cm-s-cobalt .CodeMirror-guttermarker-subtle { color: #d0d0d0; }
.cm-s-cobalt .CodeMirror-linenumber { color: #d0d0d0; }
.cm-s-cobalt .CodeMirror-cursor { border-left: 1px solid white; }

.cm-s-cobalt span.cm-comment { color: #08f; }
.cm-s-cobalt span.cm-atom { color: #845dc4; }
.cm-s-cobalt span.cm-number, .cm-s-cobalt span.cm-attribute { color: #ff80e1; }
.cm-s-cobalt span.cm-keyword { color: #ffee80; }
.cm-s-cobalt span.cm-string { color: #3ad900; }
.cm-s-cobalt span.cm-meta { color: #ff9d00; }
.cm-s-cobalt span.cm-variable-2, .cm-s-cobalt span.cm-tag { color: #9effff; }
.cm-s-cobalt span.cm-variable-3, .cm-s-cobalt span.cm-def, .cm-s-cobalt .cm-type { color: white; }
.cm-s-cobalt span.cm-bracket { color: #d8d8d8; }
.cm-s-cobalt span.cm-builtin, .cm-s-cobalt span.cm-special { color: #ff9e59; }
.cm-s-cobalt span.cm-link { color: #845dc4; }
.cm-s-cobalt span.cm-error { color: #9d1e15; }

.cm-s-cobalt .CodeMirror-activeline-background { background: #002D57; }
.cm-s-cobalt .CodeMirror-matchingbracket { outline:1px solid grey;color:white !important; }
/* BASICS */

.CodeMirror {
  /* Set height, width, borders, and global font properties here */
  font-family: monospace;
  height: 600px;
  color: black;
  direction: ltr;
}

/* PADDING */

.CodeMirror-lines {
  padding: 4px 0; /* Vertical padding around content */
}
.CodeMirror pre {
  padding: 0 4px; /* Horizontal padding of content */
}

.CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
  background-color: white; /* The little square between H and V scrollbars */
}

/* GUTTER */

.CodeMirror-gutters {
  border-right: 1px solid #ddd;
  background-color: #f7f7f7;
  white-space: nowrap;
}
.CodeMirror-linenumbers {}
.CodeMirror-linenumber {
  padding: 0 3px 0 5px;
  min-width: 20px;
  text-align: right;
  color: #999;
  white-space: nowrap;
}

.CodeMirror-guttermarker { color: black; }
.CodeMirror-guttermarker-subtle { color: #999; }

/* CURSOR */

.CodeMirror-cursor {
  border-left: 1px solid black;
  border-right: none;
  width: 0;
}
/* Shown when moving in bi-directional text */
.CodeMirror div.CodeMirror-secondarycursor {
  border-left: 1px solid silver;
}
.cm-fat-cursor .CodeMirror-cursor {
  width: auto;
  border: 0 !important;
  background: #7e7;
}
.cm-fat-cursor div.CodeMirror-cursors {
  z-index: 1;
}
.cm-fat-cursor-mark {
  background-color: rgba(20, 255, 20, 0.5);
  -webkit-animation: blink 1.06s steps(1) infinite;
  -moz-animation: blink 1.06s steps(1) infinite;
  animation: blink 1.06s steps(1) infinite;
}
.cm-animate-fat-cursor {
  width: auto;
  border: 0;
  -webkit-animation: blink 1.06s steps(1) infinite;
  -moz-animation: blink 1.06s steps(1) infinite;
  animation: blink 1.06s steps(1) infinite;
  background-color: #7e7;
}
@-moz-keyframes blink {
  0% {}
  50% { background-color: transparent; }
  100% {}
}
@-webkit-keyframes blink {
  0% {}
  50% { background-color: transparent; }
  100% {}
}
@keyframes blink {
  0% {}
  50% { background-color: transparent; }
  100% {}
}

/* Can style cursor different in overwrite (non-insert) mode */
.CodeMirror-overwrite .CodeMirror-cursor {}

.cm-tab { display: inline-block; text-decoration: inherit; }

.CodeMirror-rulers {
  position: absolute;
  left: 0; right: 0; top: -50px; bottom: -20px;
  overflow: hidden;
}
.CodeMirror-ruler {
  border-left: 1px solid #ccc;
  top: 0; bottom: 0;
  position: absolute;
}

/* DEFAULT THEME */

.cm-s-default .cm-header {color: blue;}
.cm-s-default .cm-quote {color: #090;}
.cm-negative {color: #d44;}
.cm-positive {color: #292;}
.cm-header, .cm-strong {font-weight: bold;}
.cm-em {font-style: italic;}
.cm-link {text-decoration: underline;}
.cm-strikethrough {text-decoration: line-through;}

.cm-s-default .cm-keyword {color: #708;}
.cm-s-default .cm-atom {color: #219;}
.cm-s-default .cm-number {color: #164;}
.cm-s-default .cm-def {color: #00f;}
.cm-s-default .cm-variable,
.cm-s-default .cm-punctuation,
.cm-s-default .cm-property,
.cm-s-default .cm-operator {}
.cm-s-default .cm-variable-2 {color: #05a;}
.cm-s-default .cm-variable-3, .cm-s-default .cm-type {color: #085;}
.cm-s-default .cm-comment {color: #a50;}
.cm-s-default .cm-string {color: #a11;}
.cm-s-default .cm-string-2 {color: #f50;}
.cm-s-default .cm-meta {color: #555;}
.cm-s-default .cm-qualifier {color: #555;}
.cm-s-default .cm-builtin {color: #30a;}
.cm-s-default .cm-bracket {color: #997;}
.cm-s-default .cm-tag {color: #170;}
.cm-s-default .cm-attribute {color: #00c;}
.cm-s-default .cm-hr {color: #999;}
.cm-s-default .cm-link {color: #00c;}

.cm-s-default .cm-error {color: #f00;}
.cm-invalidchar {color: #f00;}

.CodeMirror-composing { border-bottom: 2px solid; }

/* Default styles for common addons */

div.CodeMirror span.CodeMirror-matchingbracket {color: #0b0;}
div.CodeMirror span.CodeMirror-nonmatchingbracket {color: #a22;}
.CodeMirror-matchingtag { background: rgba(255, 150, 0, .3); }
.CodeMirror-activeline-background {background: #e8f2ff;}

/* STOP */

/* The rest of this file contains styles related to the mechanics of
   the editor. You probably shouldn't touch them. */

.CodeMirror {
  position: relative;
  overflow: hidden;
  background: white;
}

.CodeMirror-scroll {
  overflow: scroll !important; /* Things will break if this is overridden */
  /* 30px is the magic margin used to hide the element's real scrollbars */
  /* See overflow: hidden in .CodeMirror */
  margin-bottom: -30px; margin-right: -30px;
  padding-bottom: 30px;
  height: 100%;
  outline: none; /* Prevent dragging from highlighting the element */
  position: relative;
}
.CodeMirror-sizer {
  position: relative;
  border-right: 30px solid transparent;
}

/* The fake, visible scrollbars. Used to force redraw during scrolling
   before actual scrolling happens, thus preventing shaking and
   flickering artifacts. */
.CodeMirror-vscrollbar, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
  position: absolute;
  z-index: 6;
  display: none;
}
.CodeMirror-vscrollbar {
  right: 0; top: 0;
  overflow-x: hidden;
  overflow-y: scroll;
}
.CodeMirror-hscrollbar {
  bottom: 0; left: 0;
  overflow-y: hidden;
  overflow-x: scroll;
}
.CodeMirror-scrollbar-filler {
  right: 0; bottom: 0;
}
.CodeMirror-gutter-filler {
  left: 0; bottom: 0;
}

.CodeMirror-gutters {
  position: absolute; left: 0; top: 0;
  min-height: 100%;
  z-index: 3;
}
.CodeMirror-gutter {
  white-space: normal;
  height: 100%;
  display: inline-block;
  vertical-align: top;
  margin-bottom: -30px;
}
.CodeMirror-gutter-wrapper {
  position: absolute;
  z-index: 4;
  background: none !important;
  border: none !important;
}
.CodeMirror-gutter-background {
  position: absolute;
  top: 0; bottom: 0;
  z-index: 4;
}
.CodeMirror-gutter-elt {
  position: absolute;
  cursor: default;
  z-index: 4;
}
.CodeMirror-gutter-wrapper ::selection { background-color: transparent }
.CodeMirror-gutter-wrapper ::-moz-selection { background-color: transparent }

.CodeMirror-lines {
  cursor: text;
  min-height: 1px; /* prevents collapsing before first draw */
}
.CodeMirror pre {
  /* Reset some styles that the rest of the page might have set */
  -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
  border-width: 0;
  background: transparent;
  font-family: inherit;
  font-size: inherit;
  margin: 0;
  white-space: pre;
  word-wrap: normal;
  line-height: inherit;
  color: inherit;
  z-index: 2;
  position: relative;
  overflow: visible;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-variant-ligatures: contextual;
  font-variant-ligatures: contextual;
}
.CodeMirror-wrap pre {
  word-wrap: break-word;
  white-space: pre-wrap;
  word-break: normal;
}

.CodeMirror-linebackground {
  position: absolute;
  left: 0; right: 0; top: 0; bottom: 0;
  z-index: 0;
}

.CodeMirror-linewidget {
  position: relative;
  z-index: 2;
  padding: 0.1px; /* Force widget margins to stay inside of the container */
}

.CodeMirror-widget {}

.CodeMirror-rtl pre { direction: rtl; }

.CodeMirror-code {
  outline: none;
}

/* Force content-box sizing for the elements where we expect it */
.CodeMirror-scroll,
.CodeMirror-sizer,
.CodeMirror-gutter,
.CodeMirror-gutters,
.CodeMirror-linenumber {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.CodeMirror-measure {
  position: absolute;
  width: 100%;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

.CodeMirror-cursor {
  position: absolute;
  pointer-events: none;
}
.CodeMirror-measure pre { position: static; }

div.CodeMirror-cursors {
  visibility: hidden;
  position: relative;
  z-index: 3;
}
div.CodeMirror-dragcursors {
  visibility: visible;
}

.CodeMirror-focused div.CodeMirror-cursors {
  visibility: visible;
}

.CodeMirror-selected { background: #d9d9d9; }
.CodeMirror-focused .CodeMirror-selected { background: #d7d4f0; }
.CodeMirror-crosshair { cursor: crosshair; }
.CodeMirror-line::selection, .CodeMirror-line > span::selection, .CodeMirror-line > span > span::selection { background: #d7d4f0; }
.CodeMirror-line::-moz-selection, .CodeMirror-line > span::-moz-selection, .CodeMirror-line > span > span::-moz-selection { background: #d7d4f0; }

.cm-searching {
  background-color: #ffa;
  background-color: rgba(255, 255, 0, .4);
}

/* Used to force a border model for a node */
.cm-force-border { padding-right: .1px; }

@media print {
  /* Hide the cursor when printing */
  .CodeMirror div.CodeMirror-cursors {
    visibility: hidden;
  }
}

/* See issue #2901 */
.cm-tab-wrap-hack:after { content: ''; }

/* Help users use markselection to safely style text background */
span.CodeMirror-selectedtext { background: none; }
.main{position: relative;z-index: 10;margin-top: 80px;}
section {position: relative;overflow: hidden;zoom: 1;}
.wrap{width:1100px;margin:auto;}
.wrap2{width:1380px;margin:auto;}
.wrap3{width:1200px;margin:auto;}
@media (max-width: 1439px){
	.wrap2{width:1200px;}
}
/* 一行 */
.ui-nowrap {overflow: hidden;word-wrap: normal;white-space: nowrap;text-overflow: ellipsis;}
.ui-nowrap2 {word-wrap: break-word;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.ui-nowrap3 {word-wrap: break-word;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.ui-center{position:absolute;left:50%;top:50%;-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.vertical-obj {display: table; width: 100%; height: 100%; min-height: 100%; }
.vertical-obj-cont {display: table-cell; vertical-align: middle; }
::-webkit-scrollbar-track-piece{width:8px;background-color:#f5faf6;}
::-webkit-scrollbar{width:8px;background-color:#d5ded7;height:8px}
::-webkit-scrollbar-thumb{width:8px;background-color:#d5ded7;border-radius:4px;}

.header{width:100%;min-width: 1380px;background: #fff;box-shadow: 0 0 8px rgba(0,0,0,.1);-webkit-box-shadow: 0 0 8px rgba(0,0,0,.1);height: 80px;position: fixed;left:0;top:0;z-index: 9999;}
.logo{float: left;margin-top: 18px;display: block;}
#nav{float: right;}
#nav li{float: left;margin-left:20px;position: relative;}
#nav li > a{display:block;font-size:16px;height: 80px;line-height:80px;width:110px;overflow:hidden;position:relative;color:#666;text-align: center;}
#nav li > a::after {border-bottom:4px solid #ff6b00;right:0;content:"";position: absolute;left:0;opacity: 0;transform:scaleX(0);transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1);top:76px;border-radius:2px;}
#nav li:hover > a::after,#nav li.active a::after{opacity:1;transform:scaleX(1);}
#nav li:hover > a{color:#ff6b00;}
#nav li.active > a{color:#ff6b00;;font-weight: bold;}
#nav li > a i{width:0;height:0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 5px solid #666;display: inline-block;margin-left: 4px;vertical-align: middle;transition: all 0.4s ease;-webkit-transition: all 0.4s ease;}
#nav li:hover a i{transform: rotate(180deg);-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);border-top-color:#ff6b00;}
.ht_updown{width:100px;position: absolute;left:5px;top:80px;background: #ff8525;border-radius:0 0 4px 4px;display: none;z-index: 9999;}
.ht_updown dl dd{width:100%;height: 40px;text-align: center;line-height: 40px;}
.ht_updown dl dd a{display: block;font-size:14px;color:#fff;}
.ht_updown dl dd a:hover{background: #ff9e52;}
.ht_updown dl dd:last-child a:hover{border-radius:0 0 4px 4px;}

/*头部登录注册状态*/
.ht_login_register{float: right;margin-left:35px;width:166px;}
.no_login_register{margin-top: 22px;}
.no_login_register ul li{width:68px;height: 32px;text-align: center;line-height: 32px;margin-left: 15px;float: left;}
.no_login_register ul li:first-child{margin-left: 0;}
.no_login_register ul li a{font-size:14px;color:#fff;display: block;border-radius: 4px;}
.no_login_register ul li a.login{background:#ff8525;border-bottom:2px solid #ea6700;}
    .no_login_register ul li a.login:hover{background: #ff9e52;}
.no_login_register ul li a.register{background:#f2f2f2;color:#999;border-bottom:2px solid #dbdbdb}
    .no_login_register ul li a.register:hover{background: #f6f6f6;}
.login_teacher{margin-top: 13px;position: relative;cursor: pointer;}
.teacher_info{background: url(../images/teacher.html) left center no-repeat;width:166px;height: 57px;position: relative;z-index:25;}
.teacher_info .portrait{width:42px;height: 42px;margin-top: 4px;margin-left:12px;overflow: hidden;border-radius: 100%;float: left; }
.teacher_info .portrait img{border-radius: 100%;}
.teacher_info span{font-size:14px;color:#fff;width:76px;line-height: 52px;text-align: center;padding: 0 3px;display:block;float: left;}
.teacher_info i{width:0;height:0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 5px solid #fff;display:block;margin-left: 4px;float: left;margin-top: 24px;}
.teacher_updown{width:118px;padding-top:20px;background: #4ad26a;border-radius:0 0 4px 4px;position: absolute;left:32px;top:42px;box-shadow: 0 0 20px rgba(0,0,0,.1);-webkit-box-shadow: 0 0 20px rgba(0,0,0,.1);z-index:24;display: none; }
.teacher_updown ul li{width:100%;height: 40px;line-height: 40px;text-align: center;}
.teacher_updown ul li a{font-size:14px;color:#fff;display: block;}
.teacher_updown ul li a:hover{background: #59e079;}
.teacher_updown ul li:last-child a:hover{border-radius:0 0 4px 4px;}
.teacher_updown i{color:#fff;font-family:'iconfont';font-size:19px;display:inline-block;vertical-align: middle;margin-right: 6px;}

.login_student{margin-top:5px;position: relative;cursor: pointer;}
.student_info{background: url(../images/student.png) left center no-repeat;width:166px;height: 66px;position: relative;z-index:25;}
.student_info .portrait{width:42px;height: 42px;margin-top:14px;margin-left:14px;overflow: hidden;border-radius: 100%;float: left; }
.student_info .portrait img{border-radius: 100%;}
.student_info span{font-size:14px;color:#fff;width:76px;line-height:72px;text-align: center;padding: 0 3px;display:block;float: left;}
.student_info i{width:0;height:0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 5px solid #ff8525;display:block;margin-left:8px;float: left;margin-top: 35px;}
.student_updown{width:118px;padding-top:20px;background: #ff8525;border-radius:0 0 4px 4px;position: absolute;left:24px;top:48px;box-shadow: 0 0 20px rgba(0,0,0,.1);-webkit-box-shadow: 0 0 20px rgba(0,0,0,.1);z-index:24;display: none; }
.student_updown ul li{width:100%;height: 40px;line-height: 40px;text-align: center;}
.student_updown ul li a{font-size:14px;color:#fff;display: block;}
.student_updown ul li a:hover{background: #ff9e52;}
.student_updown ul li:last-child a:hover{border-radius:0 0 4px 4px;}
.student_updown i{color:#fff;font-family:'iconfont';font-size:19px;display:inline-block;vertical-align: middle;margin-right: 6px;}




/*底部*/
.footer{width:100%;min-width: 1380px;background: #333;}
.footer_top{padding: 64px 0;border-bottom: 1px solid #4d4d4d;}
.footer_left{width:30%;float: left;}
.logo2{display: block;margin-bottom: 12px;}
.footer_left p{color:#999;font-size:14px;line-height: 23px;word-wrap: break-word;text-align: justify;}
.footer_nav{float: left;margin-left: 88px;width:50%;}
.footer_nav dl{float:left;width:auto;padding-left:90px;text-align: left;}
.footer_nav dl dt{color:#fff;line-height:1.5em;margin-bottom:20px;font-size:16px;}
.footer_nav dl dd{font-size:14px;margin-bottom: 10px;color:#999;}
.footer_nav dl dd a{color:#999;}
.footer_nav dl dd a:hover{color:#fff;}
.footer_wechat{width:9.2%;float: right;text-align: center;}
.footer_wechat p{font-size:14px;line-height: 21px;color:#b2b2b2;margin-bottom: 10px;letter-spacing: 4px;}
.footer_wechat img{margin: auto;}
.copyRight{width:100%;padding: 20px 0;font-size:12px;color:#808080;text-align: center;}
.copyRight a{color:#808080;}
.copyRight a:hover{border-bottom: 1px dashed #999;color:#999;}
@media (max-width: 1499px){
	.header,.footer{min-width: 1200px;}
	#nav li{margin-left: 18px;}
	#nav li > a{width:100px;}
	.ht_updown{width:90px;}
	.footer_left{width:25%;}
	.footer_nav{width:55%;margin-left:68px;}
	.footer_nav dl{padding-left:70px;}
}





.xuanfu{width:80px;position:fixed;right:0;top:40%;z-index:12222;background: #ff8525;border-bottom: 3px solid #e96b08;border-radius: 10px;box-shadow: 0 8px 16px rgba(0,0,0,.1);-webkit-box-shadow: 0 8px 16px rgba(0,0,0,.1);opacity: 0;}
.xuanfu.on{opacity: 1;top:35%;}
.xuanfu ul li{width:80px;height:80px;position:relative;}
.xuanfu ul li a{display:block;}
.x_icon{text-align:center;line-height:80px;color:#fff;font-size:32px;font-family:"iconfont";}
.xuanfu_left{width:200px;height:48px;background:#ce4790;line-height:48px;position:absolute;left:48px;top:0;}
.xuanfu_left span{font-size:18px;display:block;float:left;padding:0 0 0 8px;color:#fff;}
.xuanfu_bottom{width:80px;height:80px;position:absolute;left:0;top:0;color:#fff;text-align:center;line-height:24px;padding:18px 0;font-size:16px;background: #ff9e52;display: none;}
.xuanfu ul li:first-child .xuanfu_bottom{border-radius:10px 10px 0 0;}
.xuanfu ul li:last-child .xuanfu_bottom{border-radius:0 0 10px 10px;}









.ht_form{width:100%;min-width: 1100px;padding: 50px 0 60px;}
.teamBox{width:100%;margin-bottom: 40px;}
.team_title{width:100%;height: 30px;line-height: 30px;font-size:24px;font-weight: bold;margin-bottom: 14px;color:#333;position: relative;}
.team_title i{width:5px;height: 30px;border-radius: 2.5px;background: #4ad26a;display: inline-block;vertical-align:middle;margin-right: 20px;}
.team_title b{display: inline-block;vertical-align:middle;margin-right:10px;font-family:"iconfont";color:#4ad26a;font-size:28px;font-weight: normal;}
.newly_build{font-size:16px;color:#fff;display:block;border-radius: 20px;background: #4ad26a;-webkit-box-shadow: inset 0px 1px 0px #4ad26a, 0px 3px 0px #2db44d;-moz-box-shadow: inset 0px 1px 0px #4ad26a, 0px 3px 0px #2db44d; -o-box-shadow: inset 0px 1px 0px #4ad26a, 0px 3px 0px #2db44d; box-shadow: inset 0px 1px 0px #4ad26a, 0px 3px 0px #2db44d;height: 40px;line-height: 40px;width:140px;text-align: center;position: absolute;right:0;top:50%;margin-top: -22px;}
.newly_build:hover{background:#65e082;}
.newly_build span{display: inline-block;vertical-align:bottom;margin-right:8px;font-family:"iconfont";color:#fff;font-size:20px;font-weight: normal;}
.teamBox_function{border:1px solid #dae5dd;border-radius:10px;padding: 25px;}
.box-shadow{-webkit-box-shadow: 0px 7px 12px rgba(74, 210, 106, 0.12); -moz-box-shadow: 0 7px 12px rgba(74, 210, 106, 0.12); box-shadow: 0 7px 12px rgba(74, 210, 106, 0.12);}
.teamBox_function ul li{width:auto;height: 40px;line-height: 40px;text-align: center;float: left;margin-right: 38px;}
.teamBox_function ul li a{font-size:16px;padding: 0 22px;color:#fff;display:block;border-radius: 20px;background: #4ad26a;-webkit-box-shadow: inset 0px 1px 0px #4ad26a, 0px 3px 0px #2db44d;-moz-box-shadow: inset 0px 1px 0px #4ad26a, 0px 3px 0px #2db44d; -o-box-shadow: inset 0px 1px 0px #4ad26a, 0px 3px 0px #2db44d; box-shadow: inset 0px 1px 0px #4ad26a, 0px 3px 0px #2db44d;}
.teamBox_function ul li a i{color:#fff;font-family:'iconfont';font-size:19px;display:inline-block;vertical-align: middle;margin-right: 6px;}
.teamBox_function ul li a:hover{background:#65e082;}
.teamBox_list{width:100%;}
.listBox{width:100%;margin-bottom: 40px;border:1px solid #dae5dd;border-radius:10px 10px 0 0;position: relative;}
.listBox:last-child{margin-bottom: 0;}
.list_number{width:70px;height: 50px;background: #4ad26a;line-height:44px;text-align: center;border-radius: 0 0 10px 10px;font-family: 'DINBlackAlternate';font-size:30px;color:#fff;position: absolute;right:40px;top:0;z-index: 99;}
.class_info{padding: 25px 185px 0 25px;}
.class_info.class_info1{padding: 25px 25px 0 25px;}
.class_name{width:100%;margin-bottom: 18px;}
.class_name h3{font-size:20px;font-weight: bold;float: left;}
.class_name h3 i{width:13px;height: 13px;border:2px solid #4ad26a;border-radius:100%;display: inline-block;vertical-align:middle;margin-right: 10px;}
.class_name span{padding: 0 16px;height: 26px;line-height: 24px;font-size:14px;color:#34c556;border:1px solid #34c556;border-radius:10px;display: block;float: right;}
.class_name span.time_end{border:1px solid #ff8525;color:#ff8525;}
.class_name span.jiange{margin: 0 8px;font-size:16px;color:#4ad26a;border:0;padding: 0;}
.class_name h3 b{font-size:24px;color:#4ad26a;display: inline-block;margin-right: 10px;text-align: center;line-height: 24px;height: 24px;border-radius:100%; font-family: 'DINBlackItalic';vertical-align: bottom;}

.class_introduce{width:100%;word-wrap: break-word;font-size:14px;line-height: 21px;}

.info_blank{width:100%;position: relative;height: 30px;}
.slide_icon{width:40px;height: 40px;line-height: 40px;text-align: center;border:2px solid #fff;border-radius:100%;position: absolute;top:-20px;right:-20px;z-index: 96;background: #d5ded7;cursor: pointer;box-shadow: 0 0 8px rgba(0,0,0,.1);-webkit-box-shadow: 0 0 8px rgba(0,0,0,.1);}
.slide_icon i{color:#fff;font-size:16px;}
.slide_icon i.iconfont-shang2:before{content: "\e634";}
.slide_icon.on{background: #4ad26a;}
.slide_icon.on i.iconfont-shang2:before{content: "\e635";}


.student_information{width:100%;position: relative;}
.edit_button{padding: 0 25px 30px 25px;}
.edit_button a{display: block;font-size:14px;color:#fff;padding: 0 26px;height: 40px;line-height: 40px;border-radius: 20px;}
.edit_button a.add_member,.edit_button a.random_pwd{background: #4ad26a;margin-right: 30px;}
.edit_button a.edit_team{background: #31a7fe;margin-right: 30px;}
.edit_button a.delete_team{background: #ff8525;}
.edit_button a.but_see,.edit_button a.but_edit,.edit_button a.but_delete{background: #4ad26a;margin-right: 30px;width:120px;text-align: center;padding: 0;}
.edit_button a.but_edit{background: #31a7fe;}
.edit_button a.but_delete{background: #ff8525;}

.edit_button a:hover{opacity:.85;color:#fff;}
.student_table,.pwd_table{width:100%;}
.form_head{overflow: hidden;}
.form_head table{width:100%;color:#fff;}
.form_head table tr th{padding:14px 25px;min-height:20px;line-height:20px;font-size:16px;font-weight: bold;text-align:left;color:#fff;background: #4ad26a;border:1px solid #d0dbd3;border-left: 0;}
.form-table-main{position: relative;overflow-y:auto;height:390px;}
.form-table-main.form-table-main1{overflow: hidden;height: auto;}
.form-table-main table{width:100%;color:#666;}
.form-table-main table tr{transition:all 0.4s ease;-webkit-transition:all 0.4s ease;background: #fff;}
.form-table-main table tr td{padding:12px 25px;min-height:22px;line-height:22px;text-align:left;border:1px solid #d0dbd3;vertical-align: middle;border-left: 0;border-top: 0;}
.pwd_table .form-table-main table tr td{border-left:1px solid #d0dbd3;}
.form-table-main table tr:hover{background-color: #ebffef;}
.ht_table_but a{display: block;float: left;border:1px solid #598063;border-radius:4px;height: 24px;line-height: 22px;text-align: center;font-size:12px;color:#598063;margin-right: 10px;padding:0 12px;}
.ht_table_but a:hover{color:#fff;background: #4ad26a;border-color:#4ad26a;}

.listBox.on{-webkit-box-shadow: inset 0px 1px 0px #fff, 0px 4px 0px #2db44d;-moz-box-shadow: inset 0px 1px 0px #fff, 0px 4px 0px #2db44d; -o-box-shadow: inset 0px 1px 0px #fff, 0px 4px 0px #2db44d; box-shadow: inset 0px 1px 0px #fff, 0px 4px 0px #2db44d;border-radius:0 0 10px 10px;}
body .layui-layer.demo-class{width:800px!important;}
body .demo-class .layui-layer-title{background:#4ad26a; color:#fff; border: none;height: 60px;line-height: 60px;font-size:20px;font-weight: bold;border-radius:10px 10px 0 0 ;}
body .demo-class .layui-layer-title i{display: inline-block;margin-right: 8px;font-size:20px;color:#fff;}
body .demo-class .layui-layer-title b{width:3px;height: 24px;background: #fff;border-radius: 1.5px;display:block;margin-right:16px;float: left;margin-top: 18px;}
.iconfont-xinjiantuandui:before{content: "\e627"}
body .layui-layer.demo-class,body .layui-layer.demo-class1{border-radius:10px;}
body .demo-class .layui-layer-setwin{width:40px;height: 40px;line-height: 40px;text-align: center;border:1px solid #fff;border-radius: 6px;background: #ff8525;top:34px;right:-20px;overflow: hidden;}
body .demo-class .layui-layer-setwin a{width:18px;height: 18px;}
body .demo-class .layui-layer-setwin .layui-layer-close1{background-position: -81px -40px;margin: 12px auto;}
body .demo-class .layui-layer-content{padding: 40px 40px 80px;}
body .demo-class .layui-form-label{width:100px;font-size:16px;color:#333;font-weight: bold;}
body .demo-class .layui-form-switch{-webkit-box-sizing: content-box;-moz-box-sizing: content-box; box-sizing: content-box;}
body .demo-class .layui-form-onswitch{background: #4ad26a;border-color: #4ad26a;}
body .demo-class .layui-btn{width:120px;text-align:center;height: 40px;line-height: 40px;color:#fff;border-radius:20px;background: #4ad26a;}
body .demo-class .layui-btn.layui-btn-primary{background: #ff8525;border:0;}
body .demo-class .layui-btn.layui-btn-primary:hover{border-color:#ff9e52;}
.borderchange{border:1px solid #4ad26a!important;font-size:20px;font-weight: bold;color:#333;width:130px!important;}
.pwd_title{width:100%;height: 28px;line-height: 28px;text-align: center;margin-bottom: 24px;position: relative;}
.pwd_title h3{font-size:24px;font-weight: bold;color:#333;}
.upload{width:100px;height: 33px;border:1px solid #4ad26a;color:#4ad26a;text-align: center;line-height: 33px;border-radius:16px;display: block;position: absolute;right:0;top:0;}
.upload:hover{background: #4ad26a;color:#fff;}

body .demo-class .layui-laypage a,body .demo-class .layui-laypage span {margin: 0 12px 5px 0; background-color: #fff; color: #333; font-size: 12px;border-radius:3px;border-color:#598063;font-size:14px;}

body .demo-class .layui-laypage .layui-laypage-curr .layui-laypage-em{background: #4ad26a;}
body .demo-class .layui-laypage{text-align: center;display: block;margin-top:30px;}

body .layui-layer.demo-class1 .layui-layer-title{background:#4ad26a; color:#fff; border: none;height:40px;line-height: 40px;font-size:16px;border-radius:10px 10px 0 0 ;}
body .demo-class1 .layui-layer-title b{width:2px;height:18px;background: #fff;border-radius: 1.5px;display:block;margin-right:10px;float: left;margin-top: 11px;}
body .demo-class1 .layui-layer-setwin .layui-layer-close1{background-position: -81px -40px;}
body .demo-class1 .layui-layer-content{font-size:16px;text-align: center;}
body .demo-class1 .layui-layer-btn{text-align: center;padding: 0 15px 20px;}
body .demo-class1 .layui-layer-btn a{border:0;height: 32px;line-height: 32px;border-radius: 16px;padding: 0 18px;margin: 5px 8px 0;}
body .demo-class1 .layui-layer-btn .layui-layer-btn0 {background-color: #4ad26a; color: #fff;}
body .demo-class1 .layui-layer-btn .layui-layer-btn1 {background-color: #ff8525; color: #fff;}
/*分页*/
.pages{margin:30px 0 0;text-align: center;}
.pages i{display: inline-block;font-size:14px;color:#598063;}
.pages a,.pages span{display:inline-block;height:30px;padding:0 12px;text-align: center;line-height:28px;font-size: 14px;margin:0 8px;vertical-align:middle;border:1px solid #598063;border-radius:3px; }
.pages a{background:#fff;}
.pages span,.pages a:hover{background: #4ad26a;color:#fff;border-color:#4ad26a;}
.pages.changeColor a:hover,.pages.changeColor span{background: #31a7fe;color:#fff;border-color:#31a7fe;}
/*答题记录*/
.recordBox{width:100%;}
.record_title{width:100%;height: 30px;margin-bottom:30px;position: relative;}
.record_title h3{font-size:24px;color:#333;font-weight: bold;float: left;}
.record_title h3 i{width:5px;height: 30px;margin-bottom: 2px;background: #4ad26a;border-radius:2.5px;display: inline-block;vertical-align: middle;margin-right: 16px;}
.title_search .submit{font-size:16px;padding: 0 22px;color:#fff;display:inline-block;border-radius: 20px;background: #4ad26a;-webkit-box-shadow: inset 0px 1px 0px #4ad26a, 0px 3px 0px #2db44d;-moz-box-shadow: inset 0px 1px 0px #4ad26a, 0px 3px 0px #2db44d; -o-box-shadow: inset 0px 1px 0px #4ad26a, 0px 3px 0px #2db44d; box-shadow: inset 0px 1px 0px #4ad26a, 0px 3px 0px #2db44d;height: 40px;line-height: 40px;margin-left: 18px;}
.title_search .submit:hover{background:#65e082;}
.title_search .submit i{color:#fff;font-family: "iconfont";display: inline-block;vertical-align: middle;margin-right:6px;font-size:20px;}
.title_search .layui-form-label{font-size:16px;color:#666;}
.title_search .layui-input{border:1px solid #b6bfb8;}
.laydate-btns-time{border:1px solid #c9c9c9;padding: 0 5px!important;border-radius:3px;}
.laydate-footer-btns span{border: 1px solid #4ad26a!important;color:#fff!important;background-color: #4ad26a!important;margin: 0 1px!important;}
.record_desc{width:100%;border:1px solid #d0dbd3;border-radius:0 0 10px 10px;padding-bottom: 58px;border-top: 0;background: #fff;border-radius:3px;}
.layui-laydate-content th{background: #f2f2f2;}
.layui-laydate-content td{border-radius: 3px;}
.layui-laydate-header i{font-size:14px!important;}

/*班级答题情况*/
.record_title h3 a{font-size:24px;color:#999;font-weight: normal;}
.record_title h3 b{display: inline-block;color:#666;font-family: "iconfont";font-size:16px;margin: 0 8px;vertical-align: middle;}

/*新建作业*/
.build_desc{width:100%;border:1px solid #dae5dd;border-radius:10px;padding:48px 38px 78px;}
.build_desc .layui-form-label{font-size:16px;color:#666;width:100px;line-height:30px;font-weight: bold;}
input::-webkit-input-placeholder{color:#ccc; } input::-moz-placeholder{  color:#ccc; } input:-moz-placeholder{ color:#ccc; } input:-ms-input-placeholder{color:#ccc; }
textarea::-webkit-input-placeholder{color:#ccc; } textarea::-moz-placeholder{  color:#ccc; } textarea:-moz-placeholder{ color:#ccc; } textarea:-ms-input-placeholder{color:#ccc; }
.build_desc .layui-input{height:48px;border-color:#b6bfb8;}
.build_desc .layui-textarea{border-color:#b6bfb8;}
.build_desc .layui-input-block{margin-left: 100px;}
.build_desc .layui-btn{width:120px;text-align:center;height: 40px;line-height: 40px;color:#fff;border-radius:20px;background: #4ad26a;}
.build_desc .layui-btn.layui-btn-primary{background: #ff8525;border:0;}
.build_desc .layui-btn.layui-btn-primary:hover{border-color:#ff9e52;color:#fff;}
.layui-unselect{display: none!important;}
.layui-input-block label{display:inline-block;width:284px;height: 144px;border:1px solid #d0dbd3;border-radius:3px;cursor: pointer;margin-right:25px;margin-bottom: 30px;}
input[type=checkbox].checkbix:checked+label .ht_checkbox_title{background: #4ad26a;}
input[type=checkbox].checkbix:checked+label .ht_checkbox_title i{color:#4ad26a;border-color:#bbe8c6;}
input[type=checkbox].checkbix:checked+label .ht_checkbox_name{color:#333;}
.layui-input-block label:nth-of-type(3n){margin-right: 0;}
.ht_checkbox_title{width:100%;height: 50px;background: #cbd6ce;line-height:44px;}
.ht_checkbox_title span{display: block;float: left;font-size:36px;font-family: 'DINBlackAlternate';color:#fff;margin-left: 20px;}
.ht_checkbox_title  i{width:33px;height: 33px;border-radius:100%;border:3px solid #e4f0e7;float: right;line-height: 30px;text-align: center;color:#cbd6ce;display: block;background: #fff;margin-right: 18px;margin-top:8px;font-size:18px;}
.ht_checkbox_name{width:100%;height: 90px;line-height: 90px;text-align: center;font-size:22px;color:#999;font-weight: bold;}
.layui-form .layui-unselect{display: none!important;}

.warehouse_ntrance{width:170px;display: block;height: 40px;border-radius:20px;background:#31a7fe;-webkit-box-shadow: inset 0px 1px 0px #31a7fe, 0px 3px 0px #2d7cb5;-moz-box-shadow: inset 0px 1px 0px #31a7fe, 0px 3px 0px #2d7cb5; -o-box-shadow: inset 0px 1px 0px #31a7fe, 0px 3px 0px #2d7cb5; box-shadow: inset 0px 1px 0px #31a7fe, 0px 3px 0px #2d7cb5;color:#fff;line-height: 40px;}
.warehouse_ntrance span{display:block;float:left;color:#add6ff;font-size:30px;font-weight: bold;margin-left: 18px;}
.warehouse_ntrance i{display:block;float:left;color:#fff;font-size:18px;font-family: "iconfont";margin: 0 6px 0 10px;}
.warehouse_ntrance:hover{opacity: .9;}
.icon_xia{width:24px;height: 30px;background: url(../images/xia.html) left center no-repeat;position: relative;z-index: 9;margin-left: 22px;margin-top:3px; -webkit-animation:xiaxiaxia 2s infinite linear;animation:xiaxiaxia 2s infinite linear;}
@keyframes xiaxiaxia {
    0%{  
       -webkit-transform:translateY(0px);
       transform:translateY(0px);
    	opacity:0;
    }
    50%{
        -webkit-transform:translateY(3px);
        transform:translateY(3px);
       	opacity:0.5;
    }
  
    100%{
        -webkit-transform:translateY(7px);
        transform:translateY(7px);
         opacity:0.8;
    }
}

.testBox{width:100%;margin:-10px 0 40px;position: relative;z-index: 8;}
.test-basket{width:450px;position: relative;}
.basket_title{width:100%;height: 50px;background: #fd8526;border-radius:3px 3px 0 0;padding:0 20px;line-height: 50px;position: relative;z-index: 99;}
.basket_title span{display:block;float:left;color:#fec8aa;font-size:30px;font-weight: bold;}
.basket_title i{display:block;float:left;color:#fff;font-size:18px;font-family: "iconfont";margin: 0 6px 0 10px;}
.basket_title h3{font-size:16px;font-weight: bold;color:#fff;float: left;line-height: 52px;}
.total{float: right;font-size:14px;color:#fff;}
.total strong{font-size:18px;color:#fff;font-weight: bold;margin: 0 3px;}
.basket_list,.task_list{width:100%;border:1px solid #d0dbd3;height: 490px;overflow-y:auto;top:-3px;position: relative;}
.basket_list_ul li,.task_list_ul li{width:100%;height: 49px;border-bottom: 1px solid #d0dbd3;}
.questions{width:346px;padding:0 20px;line-height: 49px;float: left;}
.questions a{font-size:14px;color:#333;}
.questions a:hover{color:#fd8526;}
.function_but{width:88px;float: left;margin-top:10px;}
.function_but a{display: block;width:32px;height: 26px;border-radius:4px;margin-right: 10px;line-height: 26px;text-align: center;font-family: "iconfont";color:#fff;font-size:12px;float: left;}
.function_but a.add_questions{background: #4ad26a;}
.function_but a.add_questions.ok{background: #ccc;}
.delete_questions{background: #fd8526;}

.basket_empty{width:210px;text-align: center;}
.basket_empty p{font-size:16px;line-height: 24px;margin-bottom: 12px;}
.basket_empty p a{margin: 0 6px;display: inline-block;}
.basket_empty p a span{font-size:16px;color:#31a7fe;border-bottom: 1px solid #31a7fe;}
.basket_empty p a i{font-family: "iconfont";color:#31a7fe;font-size:20px;vertical-align: middle;display: inline-block;margin-right:4px;}
.icon_you{width:36px;height: 24px;background: url(../images/you.html) left center no-repeat;position: absolute;left:448px;top:14px;z-index: 199;-webkit-animation:youyouyou 2s infinite linear;animation:youyouyou 2s infinite linear;}
@keyframes youyouyou {
    0%{  
       -webkit-transform:translateX(0px);
       transform:translateX(0px);
    	opacity:0;
    }
    50%{
        -webkit-transform:translateX(3px);
        transform:translateX(3px);
       	opacity:0.5;
    }
  
    100%{
        -webkit-transform:translateX(7px);
        transform:translateX(7px);
         opacity:0.8;
    }
}

.basket_empty p a:hover span{border-bottom: 0;}

.this-task{width:450px;position: relative;}
.this-task .basket_title{background: #4ad26a;}
.this-task .basket_title span{color:#b4e9be;}
.order{width:56px;height: 49px;border-right:1px solid #d0dbd3;text-align: center;line-height: 49px;font-weight: bold;color:#333;float: left;}
.questions2{width:260px;padding:0 20px;line-height: 49px;float: left;}
.questions2 a{font-size:14px;color:#333;}
.questions2 a:hover{color:#4ad26a;}
.function_but2{width:118px;float: left;margin-top:10px;}
.function_but2 a{display: block;width:32px;height: 26px;border-radius:4px;margin-right: 10px;line-height: 26px;text-align: center;font-family: "iconfont";color:#fff;font-size:12px;float: left;}
.function_but2 a.change-shang{background: #d1d1d1;border-radius:4px 0 0 4px;margin-right: 0;}
.function_but2 a.change-xia{background: #d1d1d1;border-radius:0 4px 4px 0 ;}
.function_but2 a.change-shang:hover,.function_but2 a.change-xia:hover{background: #4ad26a;}

.task_empty{width:230px;text-align: center;}
.task_empty p{font-size:16px;line-height: 24px;margin-bottom: 12px;}
.task_empty p span{font-size:16px;color:#fd8526;margin: 0 6px;}
.task_empty p span i{font-family: "iconfont";color:#fd8526;font-size:18px;vertical-align: middle;display: inline-block;margin-right:4px;}


body .layui-layer.demo-class2{width:1100px!important;}
body .demo-class2 .layui-layer-title{background:#31a7fe; color:#fff; border: none;height: 60px;line-height:56px;font-size:20px;font-weight: bold;border-radius:4px 4px 0 0 ;}
body .demo-class2 .layui-layer-title span{font-size:28px;color:#add6ff;}
body .demo-class2 .layui-layer-title i{display: inline-block;margin:0 8px;font-size:20px;color:#fff;}
body .demo-class2 .layui-layer-title b{width:3px;height: 24px;background: #fff;border-radius: 1.5px;display:block;margin-right:16px;float: left;margin-top: 18px;}
.iconfont-shiticangku:before{content: "\e62c"}
body .layui-layer.demo-class2,body .layui-layer.demo-class2{border-radius:4px;}
body .demo-class2 .layui-layer-setwin{width:40px;height: 40px;line-height: 40px;text-align: center;border:1px solid #fff;border-radius: 6px;background: #ff8525;top:34px;right:-20px;overflow: hidden;}
body .demo-class2 .layui-layer-setwin a{width:18px;height: 18px;}
body .demo-class2 .layui-layer-setwin .layui-layer-close1{background-position: -108px -38px;margin: 12px auto;}
.warehouse_search{width:392px;height: 32px;position: absolute;left:50%;margin-left: -196px;top:-46px;z-index: 9999;}
.warehouse_search_box{float: left;width:324px;margin-right: 18px;}
.warehouse_input{width:276px;float: left;height: 32px;background: #fff;padding: 0 10px;border:0;font-size:14px;color:#333;display: block;line-height: 32px;border-radius:2px;}
body .demo-class2 .layui-layer-content{overflow:inherit;}
.warehouse_sumbit{width:48px;height: 32px;border:1px solid #fff;border-radius:4px;background:url(../images/serach.html) center center no-repeat #31a7fe;margin-left: -4px;display: block;float: left;color:#fff;text-align: center;cursor: pointer;box-shadow: -4px 0px 8px rgba(0,0,0,.1);-webkit-box-shadow: -4px 0px 8px rgba(0,0,0,.1);  }
.all_questions{width:48px;height: 32px;border-radius:4px;line-height: 30px;text-align: center;color:#fff;display: block;float: left;border:1px solid #fff;font-weight: bold;}
.warehouse_box{padding: 30px 46px 46px;border-left:1px solid #d0dbd3;border-right:1px solid #d0dbd3;border-bottom:1px solid #d0dbd3;}
.warehouse_desc{width:100%;border:1px solid #d0dbd3;}
.questions_list_left{width:380px;float: left;height: 490px;}
.questions_list_left ul li{width:100%;height: 49px;border-right:1px solid #d0dbd3;border-bottom: 1px solid #d0dbd3;transition: all 0.4s ease;-webkit-transition: all 0.4s ease;position: relative;cursor: pointer;}
.questions_list_left ul li:nth-of-type(10n){border-bottom: 0;}
.function_but3{width:46px;float: left;margin-top:10px;position: relative;z-index: 9;}
.function_but3 a{display: block;width:32px;height: 26px;border-radius:4px;line-height: 26px;text-align: center;font-family: "iconfont";color:#fff;font-size:12px;float: left;margin-left: 10px;}
.function_but3 a.add_questions2{background: #ff8525;}
.questions_list_left ul li span{display: block;width:32px;height: 26px;line-height: 26px;text-align: center;font-family: "iconfont";color:#31a7fe;font-size:12px;float: left;position: absolute;right:30px;top:10px;z-index: 0;opacity: 0;}
.questions_list_left ul li i{display: block;width:3px;position: absolute;left:0;top:0;height: 0}
.questions_list_left ul li:hover i{background: #31a7fe;height: 49px;}
.questions_list_left ul li.on {background: #f0f3f5;border-right: 0;}
.questions_list_left ul li.on .order{color:#31a7fe;}
.questions_list_left ul li.on a{color:#31a7fe;}
.questions_list_left ul li.on i{background: #31a7fe;height: 49px;}
.questions_list_left ul li.on span{opacity:1;right:20px;}
.questions_list_left ul li.on .function_but3 a{opacity: 0;}
.questions_detail{width:624px;height: 490px;background: #f0f3f5;float: left;overflow-x:auto;overflow-y:auto;padding: 10px 35px;position: relative;}
.questions_label{width:100%;margin-bottom: 42px;}
.questions_label ul li{height: 26px;line-height: 26px;padding: 0 16px;color:#fff;border-radius: 4px;background: #4ad26a;margin-right: 15px;display: inline-block;margin-bottom: 15px;}
.q_content h1{font-size:20px;color:#333;line-height: 1.5em;text-align: center;font-weight: bold;margin-bottom: 38px;padding-right: 12%}
.q_notice{width:100%;margin-bottom: 30px;}
.q_notice h3{color:#333;line-height: 24px;font-size:16px;margin-bottom: 10px;font-weight: bold;}
.q_notice p{color:#999;font-size:14px;word-wrap: break-word;line-height: 22px;margin-bottom: 30px;}

.questions_detail a{display: block;width:32px;height: 26px;border-radius:4px;line-height: 26px;text-align: center;font-family: "iconfont";color:#fff;font-size:12px;position: absolute;right:8%;top:92px;}
.questions_detail a.add_questions2{background: #ff8525;}
.right_basket{height: 120px;width:40px;border:1px solid #fff;border-radius:6px;background: #ff8525;position: absolute;right:-20px;top:32px;text-align: center;font-size:14px;color:#fff;line-height: 16px;}
.right_basket i{display:block;font-family: "iconfont";color:#fff;font-size:16px;margin-top: 10px;margin-bottom:6px;}
.right_basket span{width:24px;height: 24px;border-radius:100%;background: #fff;text-align: center;line-height: 24px;color:#ff8525;font-size:12px;font-weight: bold;display: block;position: absolute;right:-12px;top:-12px;}
.addCartIcon{position: fixed;z-index: 3;width:20px;height: 20px;color: #ff8525;z-index: 99999;}
.addCartIcon i{display:block;float:left;color:#fff;font-size:18px;font-family: "iconfont";color: #ff8525;}

body .layui-layer.demo-class3{width:800px!important;}
body .demo-class3 .layui-layer-title{background:#f5f5f5; color:#333; border: none;height: 60px;line-height:56px;font-size:22px;font-weight: bold;border-radius:4px 4px 0 0 ;}
body .demo-class3 .layui-layer-title span{font-size:26px;color:#333;margin-right: 8px;}
body .layui-layer.demo-class3,body .layui-layer.demo-class3{border-radius:4px;}
body .demo-class3 .layui-layer-setwin{width:40px;height: 40px;line-height: 40px;text-align: center;border:1px solid #fff;border-radius: 6px;background: #ff8525;top:34px;right:-20px;overflow: hidden;}
body .demo-class3 .layui-layer-setwin a{width:18px;height: 18px;}
body .demo-class3 .layui-layer-setwin .layui-layer-close1{background-position: -81px -40px;margin: 12px auto;}
.tanTm_desc{width:100%;height: 628px;background: #fff;overflow-y:auto;}
.TmBox{padding: 40px 54px;}
.description{width:100%;margin-bottom: 20px;padding-bottom: 5px;}
.description h3{font-weight: bold;font-size:16px;color:#ff8525;line-height: 24px;margin-bottom:6px;}
.description p{line-height: 21px;word-wrap: break-word;font-size:14px;}
.tm_img{width:100%;border:1px solid #b3b3b3;border-radius: 10px;margin: 10px 0 ;padding: 30px 50px;}
.description.border{border-bottom:1px dashed #e6e6e6;}

















.canvas {
	width: 100%;  
	height:91.7%;
	border: solid 1px #DDD; 
	position: absolute; 
	top: 0; 
	left: 0px; 
	padding: 0;
}

.CodeMirror {
	font-size: 18px;
}


.code_top3{width:100%;height:48px;border-bottom: 0px solid #f2d0ae;padding: 0 20px;  }
.code_top3 a {display: block;float: right;height: 29px;padding: 0 6px 0 7px;background: #fffbf5;border-radius: 4px;margin-right:10px;color:#bfbfbf;font-size:14px; line-height: 28px;border-bottom: 2px solid #ded4c4;margin-top: 10px;}
.code_top3 a:hover{background: #5eb9ff;}
.code_top3 a i{display: inline-block;font-size:14px;font-family: "iconfont";margin-right: 4px;}

.code_top3on {width:100%;height:48px;border-bottom: 0px solid #f2d0ae;padding: 0 20px;}
.code_top3on a {display: block;float: right;height: 29px;padding: 0 6px 0 7px;background: #76e43f;border-radius: 4px;margin-right:10px;color:#fff;font-size:14px; line-height: 28px;border-bottom: 2px solid #54c41c;margin-top: 10px;}
.code_top3on a:hover{background: #BCFFD1;}
.code_top3on a i{display: inline-block;font-size:14px;font-family: "iconfont";margin-right: 4px;}

.but_detail_jt{width:80px;height: 33px;background: #ff8525;border-radius: 10px;color:#fff;font-size:12px;line-height: 30px;text-align: center;display: block;position: absolute;bottom: 30px;right:40px;border-bottom: 3px solid #ea6700; margin-bottom:-20px; margin-right:-10px;}
.but_detail_jt:hover{background: #ff9e52;}
.but_detail_jt2{width:80px;height: 33px;background: #69e239;border-radius: 10px;color:#fff;font-size:12px;line-height: 30px;text-align: center;display: block;position: absolute;bottom: 30px;right:40px;border-bottom: 3px solid #4dc61d; margin-bottom:-20px; margin-right:-10px;}
.but_detail_jt2:hover{background: #83e35d;}.wheel_banner,.wheel_banner .swiper-container{width:100%;height:740px;position:relative;min-width: 1200px}
.copywriting{width:100%;position: absolute;left:14%;top:118px;z-index: 99;}
.copywriting h3{font-weight: bold;color:#333;font-size:44px;line-height: 1.2em;}
.copywriting p{font-size:16px;line-height: 22px;margin: 10px 0 30px;}
.but_experience1{width:138px;height: 43px;background: #ff8525;border-radius: 20px;color:#fff;font-size:16px;line-height: 40px;text-align: center;display: block;border-bottom: 3px solid #ea6700;margin-top: 14px;}
.but_experience1 i{display: inline-block;font-size:14px;color:#fff;font-family:"iconfont";margin-left: 6px;width: 12px;vertical-align: middle;}
.but_experience1:hover{background: #ff9e52;}
#pagination{position: absolute;z-index: 100;bottom:110px;right:14%;}
#pagination .swiper-pagination-bullet{width:44px;height:5px;background:#fff;border-radius:2px;float:left;display:block;margin:0px 7px 0;cursor:pointer;opacity: .5;}
#pagination .swiper-pagination-bullet-active{opacity:1;}

.ht_entrance{width:100%;min-width: 1380px;position: relative;z-index: 999;margin-bottom:115px;}
.ht_entrance ul li{width:440px;float: left;position: relative;}
.ht_entrance ul li+li{margin-left:30px;}
.ht_entrance ul li.graphing{margin-top: -148px;}
.ht_entrance ul li.graphing a{display: block;width:100%;height: 306px;background: url(../images/index/e1.html) left center no-repeat;background-size: 100% auto;}
.z_index1{width:498px;height: 354px;background: url(../images/index/e1_bg.html) left center no-repeat;position:absolute;z-index: -1;left:-29px;top:0;background-size: 100% auto;}
.z_index2{width:500px;height: 285px;background: url(../images/index/e2_bg.html) left center no-repeat;position:absolute;z-index: -1;left:-29px;top:0;background-size: 100% auto;}
.z_index3{width:500px;height: 285px;background: url(../images/index/e3_bg.html) left center no-repeat;position:absolute;z-index: -1;left:-29px;top:0;background-size: 100% auto;}
.entrance_desc{padding: 87px 30px 30px;}
.entrance_gif{width:264px;height: 194px;margin-left: -7px;position: relative;z-index: 99}

.entrance_detail{width: 116px;float: right;margin-top:40px;}
.entrance_detail h3{color:#fff;font-weight: bold;line-height: 24px;font-size:20px;}
.entrance_detail p{font-size:14px;line-height: 21px;margin: 12px 0 30px;color:#fff;}
.click{display: block;width:80px;height: 30px;line-height:28px;border-radius: 15px;border:1px solid #fff;text-align: center;font-family: "iconfont";color:#fff;font-size:16px;}
.ht_entrance ul li.gameplay{margin-top: -78px;}
.ht_entrance ul li.gameplay a{display: block;width:100%;height: 236px;background: url(../images/index/e2.html) left center no-repeat;background-size: 100% auto;}
.d_img{position: absolute;left:0;top:0;opacity: 0;}
.d_img.position1{left:0;top:-60px;}
.ht_entrance ul li a:hover .j_img{opacity: 0;}
.ht_entrance ul li a:hover .d_img{opacity: 1;}
.ht_entrance ul li.synergetic{margin-top: -78px;}
.ht_entrance ul li.synergetic a{display: block;width:100%;height: 236px;background: url(../images/index/e3.html) left center no-repeat;background-size: 100% auto;}
.programmingFox{width:486px;height: 373px;background: url(../images/index/huli.html) left center no-repeat;position: absolute;left:0;top:-286px;}
@media (max-width: 1439px){
	.ht_entrance{min-width: 1200px;}
	.ht_entrance ul li{width:380px;}
	.ht_entrance ul li.graphing a{height: 264px;}
	.ht_entrance ul li.gameplay a,.ht_entrance ul li.synergetic a{height: 200px;}
	.entrance_gif{width:200px;height: 147px;margin-top:6px;}
	.z_index1{width:420px;height: 301px;}
	.z_index2,.z_index3{width:400px;height: 234px;}
	.entrance_detail{margin-top:10px;}
	.entrance_detail p{margin: 12px 0 24px;}
	.ht_entrance ul li.graphing {margin-top: -140px;}
	.d_img.position1{left:0;top:-46px;}
}

.index_content{width:100%;min-width: 1380px;position: relative;}
.week_star{margin-bottom:45px;width:100%;}
.i_title{width:390px;height: 68px;background: url(../images/index/title_b.html) left center no-repeat;line-height: 60px;text-align: center;font-size:26px;color:#fff;font-weight: bold;margin:0 auto 40px;}
.i_title.mg140{margin-bottom: 140px;}
.week_star_list{width:100%;}
.star_box{width:400px;height: 172px;border-radius: 10px;position: relative;background: url(../images/index/zuan_bg.html) right bottom no-repeat #fff;float: left;margin-bottom: 70px;margin-left:210px;cursor: pointer;}
.star_box a{display: block;height: 100%;}
.touxiang{width:153px;height: 152px;background: url(../images/index/tuoy.html) left center no-repeat;position: absolute;left:-76px;top:-32px;}
.touxiang_img{width:120px;height: 120px;overflow: hidden;margin-left:5px;margin-top: 3px;position: relative;z-index: 6;border-radius: 100%;}
.touxiang_img img{border-radius: 100%;}
.touxiang .icon1{display: block;width:36px;height: 33px;background: url(../images/index/zuansi.html) left center no-repeat;position: absolute;left:-5px;top:-5px;z-index: 0;transition:all 0.4s ease;-webkit-transition:all 0.4s ease;}
.star_desc{padding: 30px 30px 0 66px;}
.name_rank{width:100%;margin-bottom: 12px;padding: 0 20px;}
.name_rank h3{float: left;color:#333;font-size:22px;font-weight: bold;}
.rank{width:146px;height: 25px;border:1px solid #ff8e33;border-radius: 10px;background: #fff1e5;float: left;margin-left: 14px;margin-top: 2px;padding: 0 10px;}
.rank ul li{width:20px;height: 17px;background: url(../images/index/rank_icon.html) 0 -75px no-repeat;overflow: hidden;display:block;margin:4px 2px 0;float:left;}
.rank ul li.active{background-position: 0 -51px;}
.star_desc p{font-size:16px;color:#999;padding: 0 20px;margin-bottom: 18px;line-height:22px;}
.star_desc dl dd{padding: 0 13px;height: 26px;line-height: 26px;color:#fff;background:#ff6e03;float: left;margin-right: 18px;border-radius: 13px;}
.star_box.crown{background: url(../images/index/huang_bg.html) right bottom no-repeat #fff;}
.star_box.crown .touxiang .icon1{display: block;width:47px;height:44px;background: url(../images/index/touguan.html) left center no-repeat;position: absolute;left:-10px;top:-10px;z-index: 0;}
.star_box.crown .rank ul li{background-position: 0 -23px;}
.star_box.crown .rank ul li.active{background-position: 0 0;}
.star_box:hover{box-shadow: 0 9px 18px rgba(255,116,12,.1);-webkit-box-shadow:  0 9px 18px rgba(255,116,12,.1);transform: translateY(-5px);-webkit-transform: translateY(-5px);}

.touxiang_img::before {content: ""; position: absolute; width: 80px; height:120px; top:50px; left: -90px; overflow: hidden; background: -moz-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.5)50%,rgba(255,255,255,0)100%); background: -webkit-gradient(linear,left top,righttop,color-stop(0%,rgba(255,255,255,0)),color-stop(50%,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0))); background: -webkit-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.5)50%,rgba(255,255,255,0)100%); background: -o-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.5)50%,rgba(255,255,255,0)100%); -webkit-transform: skewX(45deg); -moz-transform: skewX(45deg); -o-transform: skewX(45deg); z-index: 999; } 

.star_box:hover .touxiang_img::before {left:100px; top:-35px; transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s; }
.star_box:hover .touxiang .icon1{background: url(../images/index/zuansi-2.html) left center no-repeat;}
.star_box.crown:hover .touxiang .icon1{background: url(../images/index/touguan-2.html) left center no-repeat;}



#swiper-container2 .swiper-button-next,#swiper-container2 .swiper-button-prev{display: block;color:#ff882b;font-size:42px;background-image: none;position: absolute;left:2px;top:50%;margin-top: -21px;width:42px;height: 42px;transition: all 0.4s ease;-webkit-transition: all 0.4s ease;}
#swiper-container2 .swiper-button-next{left:auto;right:2px;}
#swiper-container2 .iconfont-zuojiantou:before{content: "\e615";}
#swiper-container2 .iconfont-youjiantou:before{content: "\e612";}
#swiper-container2 .swiper-wrapper{padding-top: 50px;}
#swiper-container2 .iconfont-zuojiantou:hover,#swiper-container2 .iconfont-youjiantou:hover{color:#ec5912;}

.special_course{width:100%;margin-bottom:200px;}
.course_list{width:100%;height: 500px;background: #f0f0f0;border-radius: 10px;}
.course_list ul li{width:25%;float: left;text-align: center;position: relative;}
.courseBox_title{height: 180px;width:100%;background: #fff;overflow: hidden;}
.course_list ul li:first-child .courseBox_title{border-radius: 10px 0 0 0;}
.courseBox_title img{margin: 22px auto;}
.courseBox_title h5{font-size:22px;color:#ff6c00;line-height: 24px;font-weight: bold;}
.courseBox_desc{width:100%;padding: 60px 50px 0;}
.courseBox_desc p{font-size:18px;line-height: 24px;margin-bottom: 50px;}
.courseBox_hover{width:110%;background: #fff;border-radius: 10px;box-shadow: 0 9px 18px rgba(255,116,12,.1);-webkit-box-shadow:  0 9px 18px rgba(255,116,12,.1);height: 560px;position: absolute;left:-22px;top:-12px;z-index: 999;opacity: 0;}
.course_list ul li.hover .courseBox_hover{top:-32px;opacity: 1;}
.courseBox_title_hover{height: 195px;width:100%;background:url(../images/index/course_bg.html) left center no-repeat #ff7107;overflow: hidden;border-radius: 10px 10px 0 0;}
.img_icon.c1{width:164px;height: 151px;position: absolute;left:50%;margin-left: -82px;top:-54px;background: url(../images/index/course1_hover.html) left center no-repeat;}
.img_icon.c2{width:129px;height: 150px;position: absolute;left:50%;margin-left: -64px;top:-38px;background: url(../images/index/course2_hover.html) left center no-repeat;}
.img_icon.c3{width:130px;height: 131px;position: absolute;left:50%;margin-left: -65px;top:-34px;background: url(../images/index/course3_hover.html) left center no-repeat;}
.img_icon.c4{width:155px;height: 140px;position: absolute;left:50%;margin-left: -77px;top:-34px;background: url(../images/index/course4_hover.html) left center no-repeat;}
.courseBox_title_hover h5{color:#fff;font-size:22px;line-height: 24px;font-weight: bold;padding-top: 140px;}
.courseBox_desc1{width:100%;padding:44px 50px 0;}
.courseBox_desc1 dl dd{width:100%;margin-bottom:32px;}
.courseBox_desc1 dl dd span{display: inline-block;height: 27px;border:1px solid #ff8525;border-radius: 14px;padding:0 12px;line-height: 25px;font-size:14px;color:#ff8525;margin-bottom: 10px;}
.courseBox_desc1 dl dd span i{font-family: "iconfont";color:#ff8525;display: inline-block;font-size:14px;margin-right: 5px;}
.courseBox_desc1 p{font-size:18px;line-height: 24px;}
.but_experience1.posi{position: absolute;left:50%;margin-left: -70px;bottom: -20px;}
.but_experience1.posi2{margin:0 auto 50px;}
.but_experience1.posi2 .fs{font-size:18px;margin-right: 4px;width:auto;}

.study_goc{width:100%;height: 480px;background: #fff;border-radius: 10px;box-shadow: 0 9px 18px rgba(255,116,12,.1);-webkit-box-shadow:  0 9px 18px rgba(255,116,12,.1);position: relative;margin-bottom: 100px;}
.i_title.position{position: absolute;left:50%;margin-left: -195px;top:-30px;}
.study_goc ul{padding-top:120px;}
.study_goc ul li{width:25%;float: left;text-align: center;position: relative;cursor: pointer;}
.study_goc ul li span{display: block;width:114px;height: 114px;margin: auto;transform:scale(0.78);-webkit-transform:scale(0.78);transition: all 0.4s ease;-webkit-transition: all 0.4s ease;}
.study_goc ul li span.s1{background: url(../images/index/01.html) left center no-repeat;}
.study_goc ul li span.s2{background: url(../images/index/02.html) left center no-repeat;}
.study_goc ul li span.s3{background: url(../images/index/03.html) left center no-repeat;}
.study_goc ul li span.s4{background: url(../images/index/04.html) left center no-repeat;}
.study_goc ul li h6{font-weight: bold;color:#333;font-size:20px;margin:20px 0 12px;transition: all 0.4s ease;-webkit-transition: all 0.4s ease;}
.study_goc ul li p{font-size:14px;line-height: 22px;color:#999;transition: all 0.4s ease;-webkit-transition: all 0.4s ease;}
.study_goc ul li b{font-size:136px;color:#ff8320;opacity:0.08; font-family: 'DINBlackItalic';position:absolute;top:116px;left:50%;margin-left: -80px;transition: all 0.4s ease;-webkit-transition: all 0.4s ease;}
.study_goc ul li:hover span{transform:scale(1);-webkit-transform:scale(1);transform: translateY(-15px);-webkit-transform: translateY(-15px);}
.study_goc ul li:hover h6{color:#ff8220;}
.study_goc ul li:hover p{color:#ff8220;}
.study_goc ul li:hover b{opacity:1;top:172px;}
.index_news{width:100%;margin-bottom: 90px;}

.news_ul li{width:100%;padding:30px 0;border-bottom: 1px dashed #d6d6d6;position: relative;}
.news_date{width:78px;float: left;text-align: center;color:#ff8726;font-size:16px;}
.news_date span{width:70px;height: 75px;background: url(../images/date.html) left center no-repeat;line-height:80px;color:#fff;font-size:36px; font-family: 'DINBlack';display: block;margin:0 auto 30px;}
.news_desc{width:572px;float: left;margin-left:122px;}
.news_desc h3 a{display: block;font-size:20px;font-weight: bold;color:#333;line-height: 28px;margin-bottom: 14px;}

.news_desc p{color:#999;line-height: 21px;word-wrap: break-word;font-size:14px;margin-bottom: 20px;}
.seeMore{display: inline-block;font-size:16px;color:#ff8525;}
.seeMore i{display: inline-block;color:#ff8525;font-family: "iconfont";font-size:12px;margin-left: 6px;vertical-align: middle;}
.seeMore:hover,.seeMore:hover i{color:#ea6700;}
.figure{width:288px;height: 162px;float: right;border-radius: 10px;transition: all 0.4s ease;-webkit-transition: all 0.4s ease;}
.figure img{border-radius: 10px;}
.news_ul li:hover .figure{box-shadow: 0 8px 16px rgba(0,0,0,.1);-webkit-box-shadow: 0 8px 16px rgba(0,0,0,.1);transform: translateY(-5px);-webkit-transform: translateY(-5px);}
.news_ul li:hover .news_desc h3 a{color:#ff8525;}
.but_experience1.marauto{margin: 40px auto 0;}
.suip{width: 90px;height: 76px;background: url(../images/index/sp1.html) left center no-repeat;position: absolute;top:112px;left:-30px;-webkit-animation:shangxia 4s infinite linear;animation:shangxia 4s infinite linear ;}
@-webkit-keyframes shangxia {
	0%{-webkit-transform: translateY(-12px); } 50%{-webkit-transform: translateY(0); } 100%{-webkit-transform: translateY(-12px);}
	 } 
@keyframes shangxia {
	0%{transform: translateY(-12px); } 50%{transform: translateY(0); } 100%{transform: translateY(-12px); }
 }
.light{width:220px;height:220px;background: url(../images/index/light.html) left center no-repeat;position: absolute;top:12px;right:168px;-webkit-animation:scale_op 4s infinite linear;animation:scale_op 4s infinite linear;}
@-webkit-keyframes scale_op {
	0%{-webkit-transform: scale(1);opacity:1  } 
	50%{-webkit-transform: scale(1.2);opacity: 0 }
	100%{-webkit-transform: scale(1);opacity: 1}
	 } 
@keyframes scale_op {
	0%{transform: scale(1);opacity:1  } 
	50%{transform: scale(1.2);opacity: 0 }
	100%{transform: scale(1);opacity: 1}
 }

@media (max-width: 1439px){
	.index_content{min-width: 1200px;}
	.star_box{margin-left: 160px;margin-bottom:50px;}
}










/* Loosely based on the Midnight Textmate theme */

.cm-s-night.CodeMirror { background: #0a001f; color: #f8f8f8; }
.cm-s-night div.CodeMirror-selected { background: #447; }
.cm-s-night .CodeMirror-line::selection, .cm-s-night .CodeMirror-line > span::selection, .cm-s-night .CodeMirror-line > span > span::selection { background: rgba(68, 68, 119, .99); }
.cm-s-night .CodeMirror-line::-moz-selection, .cm-s-night .CodeMirror-line > span::-moz-selection, .cm-s-night .CodeMirror-line > span > span::-moz-selection { background: rgba(68, 68, 119, .99); }
.cm-s-night .CodeMirror-gutters { background: #0a001f; border-right: 1px solid #aaa; }
.cm-s-night .CodeMirror-guttermarker { color: white; }
.cm-s-night .CodeMirror-guttermarker-subtle { color: #bbb; }
.cm-s-night .CodeMirror-linenumber { color: #f8f8f8; }
.cm-s-night .CodeMirror-cursor { border-left: 1px solid white; }

.cm-s-night span.cm-comment { color: #8900d1; }
.cm-s-night span.cm-atom { color: #845dc4; }
.cm-s-night span.cm-number, .cm-s-night span.cm-attribute { color: #ffd500; }
.cm-s-night span.cm-keyword { color: #599eff; }
.cm-s-night span.cm-string { color: #37f14a; }
.cm-s-night span.cm-meta { color: #7678e2; }
.cm-s-night span.cm-variable-2, .cm-s-night span.cm-tag { color: #99b2ff; }
.cm-s-night span.cm-variable-3, .cm-s-night span.cm-def, .cm-s-night span.cm-type { color: white; }
.cm-s-night span.cm-bracket { color: #8da6ce; }
.cm-s-night span.cm-builtin, .cm-s-night span.cm-special { color: #ff9e59; }
.cm-s-night span.cm-link { color: #845dc4; }
.cm-s-night span.cm-error { color: #9d1e15; }

.cm-s-night .CodeMirror-activeline-background { background: #1C005A; }
.cm-s-night .CodeMirror-matchingbracket { outline:1px solid grey; color:white !important; }
.notie-transition {
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease; }

.notie-background-success {
  background-color: #57BF57; }

.notie-background-warning {
  background-color: #D6A14D; }

.notie-background-error {
  background-color: #E1715B; }

.notie-background-info {
  background-color: #4D82D6; }

#notie-alert-outer, #notie-confirm-outer, #notie-input-outer, #notie-select-outer, #notie-date-outer {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999999;
  height: auto;
  width: 100%;
  display: none;
  text-align: center;
  cursor: pointer;
  font-size: 24px;
  -o-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5); }
  @media (max-width: 600px) {
    #notie-alert-outer, #notie-confirm-outer, #notie-input-outer, #notie-select-outer, #notie-date-outer {
      font-size: 18px; } }

#notie-alert-inner {
  padding: 20px;
  display: table-cell; }

#notie-alert-content {
  max-width: 900px;
  margin: 0 auto; }

#notie-alert-text {
  color: #FFFFFF; }

#notie-confirm-outer {
  cursor: default; }

#notie-confirm-inner, #notie-input-inner, #notie-select-inner {
  box-sizing: border-box;
  width: 100%;
  padding: 20px;
  display: block;
  cursor: default;
  background-color: #4D82D6; }

#notie-confirm-text {
  color: #FFFFFF; }

#notie-confirm-text-yes {
  color: #FFFFFF; }

#notie-confirm-text-no {
  color: #FFFFFF; }

#notie-confirm-yes, #notie-confirm-no, #notie-input-no, #notie-input-yes {
  float: left;
  height: 50px;
  line-height: 50px;
  width: 50%;
  cursor: pointer;
  background-color: #57BF57; }

#notie-confirm-no, #notie-input-no {
  float: right;
  background-color: #E1715B; }

#notie-confirm-background, #notie-input-background, #notie-select-background, #notie-date-background {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999980;
  height: 100%;
  width: 100%;
  display: none;
  background-color: #FFFFFF;
  opacity: 0; }

/* INPUT */
#notie-input-outer {
  cursor: default; }

#notie-input-field {
  display: block;
  box-sizing: border-box;
  height: 55px;
  width: 100%;
  text-align: center;
  outline: 0;
  border: 0;
  background-color: #FFFFFF;
  font-family: inherit;
  font-size: 24px; }
  @media (max-width: 600px) {
    #notie-input-field {
      font-size: 18px; } }

#notie-input-text {
  color: #FFFFFF; }

#notie-input-text-yes {
  color: #FFFFFF; }

#notie-input-text-no {
  color: #FFFFFF; }

#notie-select-outer {
  top: auto;
  bottom: 0;
  cursor: default; }

#notie-select-text {
  color: #FFFFFF; }

#notie-select-choices, .notie-select-choice {
  background-color: #57BF57; }

.notie-select-choice {
  height: 50px;
  line-height: 50px;
  color: #FFFFFF;
  cursor: pointer; }

#notie-select-cancel {
  height: 60px;
  line-height: 60px;
  color: #FFFFFF;
  cursor: pointer;
  background-color: #A0A0A0; }

#notie-date-outer {
  background-color: #4D82D6;
  color: #FFFFFF;
  cursor: default; }

#notie-date-selector {
  margin: 0 auto;
  max-width: 900px;
  padding-left: 10px;
  padding-right: 10px; }

.notie-date-up, .notie-date-down {
  height: 50px;
  float: left;
  width: 33.333333%;
  cursor: pointer; }

.notie-date-arrow, .notie-date-arrow-up, .notie-date-arrow-down {
  height: 40px;
  width: 40px;
  background-size: 40px 40px;
  margin: 0 auto;
  margin-top: 5px; }

.notie-date-arrow-up {
  background-image: url(); }

.notie-date-arrow-down {
  background-image: url(""); }

.notie-date-text {
  height: 50px;
  line-height: 50px;
  float: left;
  width: 33.333333%; }

#notie-date-yes, #notie-date-no {
  float: left;
  width: 50%;
  height: 50px;
  line-height: 50px;
  color: #FFFFFF;
  background-color: #57BF57;
  cursor: pointer; }

#notie-date-no {
  background-color: #E1715B; }
@charset "utf-8";
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video{margin: 0;padding: 0;border: 0;vertical-align: baseline;font-style:normal;font-weight:normal;font: inherit;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,.footer, .header, hgroup, menu, nav, section {display: block;}
ol, ul {list-style: none;}
blockquote,q {quotes: none;}
a{text-decoration:none;color: #666;-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-o-transition: all .4s ease;
  -ms-transition: all .4s ease;transition: all .4s ease;}
a:focus{ outline:none;}
blockquote:before, blockquote:after,q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse;border-spacing: 0;}
textarea{resize: none;outline:none;}
input,textarea{outline:none;-webkit-appearance: none;font-family:"Hiragino Sans GB","Microsoft YaHei","微软雅黑","sans-serif",'Arial';}
img {border: 0;display:block;max-width:100%;}
*,*:before,*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
.noboxsizing{-webkit-box-sizing: content-box!important;-moz-box-sizing: content-box!important; box-sizing: content-box!important;}
/*--------------css animation--------------*/
.trans {-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-o-transition: all .4s ease;
  -ms-transition: all .4s ease;transition: all .4s ease;}
.fl{float:left;}
.fr{float:right;}
.hide{display: none;}
 /* 字体 */
@font-face {
  font-family: 'iconfont';  /* project id 616865 */
  src: url('http://at.alicdn.com/t/font_616865_qotiibf1sfy74x6r.eot');
  src: url('http://at.alicdn.com/t/font_616865_qotiibf1sfy74x6r.eot?#iefix') format('embedded-opentype'),
  url('http://at.alicdn.com/t/font_616865_qotiibf1sfy74x6r.woff') format('woff'),
  url('http://at.alicdn.com/t/font_616865_qotiibf1sfy74x6r.ttf') format('truetype'),
  url('http://at.alicdn.com/t/font_616865_qotiibf1sfy74x6r.svg#iconfont') format('svg');
}
 [class^="iconfont-"], [class*=" iconfont-"] {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
  @font-face {
    font-family: 'DINBlackItalic';
    src: url('../fonts/DINBlackItalic.eot');
    src: url('../fonts/DINBlackItalic.eot') format('embedded-opentype'),
         url('../fonts/DINBlackItalic.woff2') format('woff2'),
         url('../fonts/DINBlackItalic.woff') format('woff'),
         url('../fonts/DINBlackItalic.ttf') format('truetype'),
         url('../fonts/DINBlackItalic.svg#DINBlackItalic') format('svg');
}
@font-face {
    font-family: 'DINBlackAlternate';
    src: url('../fonts/DINBlackAlternate.eot');
    src: url('../fonts/DINBlackAlternate.eot') format('embedded-opentype'),
         url('../fonts/DINBlackAlternate.woff2') format('woff2'),
         url('../fonts/DINBlackAlternate.woff') format('woff'),
         url('../fonts/DINBlackAlternate.ttf') format('truetype'),
         url('../fonts/DINBlackAlternate.svg#DINBlackAlternate') format('svg');
}
@font-face {
    font-family: 'DINBlack';
    src: url('../fonts/DINBlack.eot');
    src: url('../fonts/DINBlack.eot') format('embedded-opentype'),
         url('../fonts/DINBlack.woff2') format('woff2'),
         url('../fonts/DINBlack.woff') format('woff'),
         url('../fonts/DINBlack.ttf') format('truetype'),
         url('../fonts/DINBlack.svg#DINBlack') format('svg');
}

                 
/*清除浮动*/
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;font-size:0;}
.clearfix{*zoom:1}
.clear {display:block;clear:both;height:0;overflow:hidden;}
body{font-size:14px;font-family:"Hiragino Sans GB","Microsoft YaHei","微软雅黑","sans-serif",'Arial';background:#fafafa;color: #666;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}

/*
Solarized theme for code-mirror
http://ethanschoonover.com/solarized
*/

/*
Solarized color palette
http://ethanschoonover.com/solarized/img/solarized-palette.png
*/

.solarized.base03 { color: #002b36; }
.solarized.base02 { color: #073642; }
.solarized.base01 { color: #586e75; }
.solarized.base00 { color: #657b83; }
.solarized.base0 { color: #839496; }
.solarized.base1 { color: #93a1a1; }
.solarized.base2 { color: #eee8d5; }
.solarized.base3  { color: #fdf6e3; }
.solarized.solar-yellow  { color: #b58900; }
.solarized.solar-orange  { color: #cb4b16; }
.solarized.solar-red { color: #dc322f; }
.solarized.solar-magenta { color: #d33682; }
.solarized.solar-violet  { color: #6c71c4; }
.solarized.solar-blue { color: #268bd2; }
.solarized.solar-cyan { color: #2aa198; }
.solarized.solar-green { color: #859900; }

/* Color scheme for code-mirror */

.cm-s-solarized {
  line-height: 1.45em;
  color-profile: sRGB;
  rendering-intent: auto;
}
.cm-s-solarized.cm-s-dark {
  color: #839496;
  background-color: #002b36;
  text-shadow: #002b36 0 1px;
}
.cm-s-solarized.cm-s-light {
  background-color: #fdf6e3;
  color: #657b83;
  text-shadow: #eee8d5 0 1px;
}

.cm-s-solarized .CodeMirror-widget {
  text-shadow: none;
}

.cm-s-solarized .cm-header { color: #586e75; }
.cm-s-solarized .cm-quote { color: #93a1a1; }

.cm-s-solarized .cm-keyword { color: #cb4b16; }
.cm-s-solarized .cm-atom { color: #d33682; }
.cm-s-solarized .cm-number { color: #d33682; }
.cm-s-solarized .cm-def { color: #2aa198; }

.cm-s-solarized .cm-variable { color: #839496; }
.cm-s-solarized .cm-variable-2 { color: #b58900; }
.cm-s-solarized .cm-variable-3, .cm-s-solarized .cm-type { color: #6c71c4; }

.cm-s-solarized .cm-property { color: #2aa198; }
.cm-s-solarized .cm-operator { color: #6c71c4; }

.cm-s-solarized .cm-comment { color: #586e75; font-style:italic; }

.cm-s-solarized .cm-string { color: #859900; }
.cm-s-solarized .cm-string-2 { color: #b58900; }

.cm-s-solarized .cm-meta { color: #859900; }
.cm-s-solarized .cm-qualifier { color: #b58900; }
.cm-s-solarized .cm-builtin { color: #d33682; }
.cm-s-solarized .cm-bracket { color: #cb4b16; }
.cm-s-solarized .CodeMirror-matchingbracket { color: #859900; }
.cm-s-solarized .CodeMirror-nonmatchingbracket { color: #dc322f; }
.cm-s-solarized .cm-tag { color: #93a1a1; }
.cm-s-solarized .cm-attribute { color: #2aa198; }
.cm-s-solarized .cm-hr {
  color: transparent;
  border-top: 1px solid #586e75;
  display: block;
}
.cm-s-solarized .cm-link { color: #93a1a1; cursor: pointer; }
.cm-s-solarized .cm-special { color: #6c71c4; }
.cm-s-solarized .cm-em {
  color: #999;
  text-decoration: underline;
  text-decoration-style: dotted;
}
.cm-s-solarized .cm-error,
.cm-s-solarized .cm-invalidchar {
  color: #586e75;
  border-bottom: 1px dotted #dc322f;
}

.cm-s-solarized.cm-s-dark div.CodeMirror-selected { background: #073642; }
.cm-s-solarized.cm-s-dark.CodeMirror ::selection { background: rgba(7, 54, 66, 0.99); }
.cm-s-solarized.cm-s-dark .CodeMirror-line::-moz-selection, .cm-s-dark .CodeMirror-line > span::-moz-selection, .cm-s-dark .CodeMirror-line > span > span::-moz-selection { background: rgba(7, 54, 66, 0.99); }

.cm-s-solarized.cm-s-light div.CodeMirror-selected { background: #eee8d5; }
.cm-s-solarized.cm-s-light .CodeMirror-line::selection, .cm-s-light .CodeMirror-line > span::selection, .cm-s-light .CodeMirror-line > span > span::selection { background: #eee8d5; }
.cm-s-solarized.cm-s-light .CodeMirror-line::-moz-selection, .cm-s-ligh .CodeMirror-line > span::-moz-selection, .cm-s-ligh .CodeMirror-line > span > span::-moz-selection { background: #eee8d5; }

/* Editor styling */



/* Little shadow on the view-port of the buffer view */
.cm-s-solarized.CodeMirror {
  -moz-box-shadow: inset 7px 0 12px -6px #000;
  -webkit-box-shadow: inset 7px 0 12px -6px #000;
  box-shadow: inset 7px 0 12px -6px #000;
}

/* Remove gutter border */
.cm-s-solarized .CodeMirror-gutters {
  border-right: 0;
}

/* Gutter colors and line number styling based of color scheme (dark / light) */

/* Dark */
.cm-s-solarized.cm-s-dark .CodeMirror-gutters {
  background-color: #073642;
}

.cm-s-solarized.cm-s-dark .CodeMirror-linenumber {
  color: #586e75;
  text-shadow: #021014 0 -1px;
}

/* Light */
.cm-s-solarized.cm-s-light .CodeMirror-gutters {
  background-color: #eee8d5;
}

.cm-s-solarized.cm-s-light .CodeMirror-linenumber {
  color: #839496;
}

/* Common */
.cm-s-solarized .CodeMirror-linenumber {
  padding: 0 5px;
}
.cm-s-solarized .CodeMirror-guttermarker-subtle { color: #586e75; }
.cm-s-solarized.cm-s-dark .CodeMirror-guttermarker { color: #ddd; }
.cm-s-solarized.cm-s-light .CodeMirror-guttermarker { color: #cb4b16; }

.cm-s-solarized .CodeMirror-gutter .CodeMirror-gutter-text {
  color: #586e75;
}

/* Cursor */
.cm-s-solarized .CodeMirror-cursor { border-left: 1px solid #819090; }

/* Fat cursor */
.cm-s-solarized.cm-s-light.cm-fat-cursor .CodeMirror-cursor { background: #77ee77; }
.cm-s-solarized.cm-s-light .cm-animate-fat-cursor { background-color: #77ee77; }
.cm-s-solarized.cm-s-dark.cm-fat-cursor .CodeMirror-cursor { background: #586e75; }
.cm-s-solarized.cm-s-dark .cm-animate-fat-cursor { background-color: #586e75; }

/* Active line */
.cm-s-solarized.cm-s-dark .CodeMirror-activeline-background {
  background: rgba(255, 255, 255, 0.06);
}
.cm-s-solarized.cm-s-light .CodeMirror-activeline-background {
  background: rgba(0, 0, 0, 0.06);
}
.ht_background{width:100%;height: 400px;position: relative;overflow: hidden;min-width: 1200px;}
.news_title{width:620px;margin: 120px auto 0;}
.news_title h3{margin-bottom: 22px;}
.news_title h3 img{margin: auto;display: block;}
.news_title p{font-size:16px;line-height: 32px;word-wrap: break-word;text-align: left;}
#indexgs {position: absolute;width:400px; height:282px;left:16.5%;top:80px; }
#indexg0 {left:5px; top:20px; position: absolute;}

.insideBox{width:100%;min-width: 1200px;padding:60px 0 100px;}
.news_ul li{width:100%;padding:30px 0;border-bottom: 1px dashed #d6d6d6;position: relative;}
.news_ul li:first-child{padding-top: 0;}
.news_date{width:78px;float: left;text-align: center;color:#ff8726;font-size:16px;}
.news_date span{width:70px;height: 75px;background: url(../images/date.html) left center no-repeat;line-height: 80px;color:#fff;font-size:36px; font-family: 'DINBlack';display: block;margin:0 auto 30px;}

.news_desc{width:572px;float: left;margin-left:122px;}
.news_desc h3 a{display: block;font-size:20px;font-weight: bold;color:#333;line-height: 28px;margin-bottom: 14px;}
.news_desc h3 a:hover{color:#ff8525;}
.news_desc p{color:#999;line-height: 21px;word-wrap: break-word;font-size:14px;margin-bottom: 20px;}
.seeMore{display: inline-block;font-size:16px;color:#ff8525;}
.seeMore i{display: inline-block;color:#ff8525;font-family: "iconfont";font-size:12px;margin-left: 6px;vertical-align: middle;}
.seeMore:hover,.seeMore:hover i{color:#ea6700;}
.figure{width:288px;height: 162px;float: right;border-radius: 10px;transition: all 0.4s ease;-webkit-transition: all 0.4s ease;}
.figure img{border-radius: 10px;}
.news_ul li:hover .figure{box-shadow: 0 8px 16px rgba(0,0,0,.1);-webkit-box-shadow: 0 8px 16px rgba(0,0,0,.1);transform: translateY(-5px);-webkit-transform: translateY(-5px);}
.news_ul li:hover .news_desc h3 a{color:#ff8525;}
/*分页2*/
.pages2{margin:40px 0 0;text-align: center;}
.pages2 a,.pages2 span{display:inline-block;height:38px;padding:0 16px;text-align: center;line-height:38px;font-size: 14px;margin:0 8px;vertical-align:middle;border-radius:10px;background:#ffcda5;color:#fff;-webkit-box-shadow: inset 0px 1px 0px #ffcda5, 0px 3px 0px #fbad6f;-moz-box-shadow: inset 0px 1px 0px #ffcda5, 0px 3px 0px #fbad6f; -o-box-shadow: inset 0px 1px 0px #ffcda5, 0px 3px 0px #fbad6f; box-shadow: inset 0px 1px 0px #ffcda5, 0px 3px 0px #fbad6f;}
.pages2 span,.pages2 a:hover{background: #ff8525;-webkit-box-shadow: inset 0px 1px 0px #ffcda5, 0px 3px 0px #ed6800;-moz-box-shadow: inset 0px 1px 0px #ffcda5, 0px 3px 0px #ed6800; -o-box-shadow: inset 0px 1px 0px #ffcda5, 0px 3px 0px #ed6800; box-shadow: inset 0px 1px 0px #ffcda5, 0px 3px 0px #ed6800;}

.pages2 a.prohibit{background:#d1d1d1;-webkit-box-shadow: inset 0px 1px 0px #d1d1d1, 0px 3px 0px #b8b8b8;-moz-box-shadow: inset 0px 1px 0px #d1d1d1, 0px 3px 0px #b8b8b8; -o-box-shadow: inset 0px 1px 0px #d1d1d1, 0px 3px 0px #b8b8b8; box-shadow: inset 0px 1px 0px #d1d1d1, 0px 3px 0px #b8b8b8;}


.newsDetail{width:1080px;border:1px solid #e6e6e6;border-radius:10px;background: #fff;-webkit-box-shadow: inset 0px 1px 0px #fff, 0px 8px 0px #d6d6d6;-moz-box-shadow: inset 0px 1px 0px #fff, 0px 8px 0px #d6d6d6; -o-box-shadow: inset 0px 1px 0px #fff, 0px 8px 0px #d6d6d6; box-shadow: inset 0px 1px 0px #fff, 0px 8px 0px #d6d6d6;margin: auto;position: relative;}
.Content{padding: 50px 130px;}
.detail_title{text-align: center;margin-bottom:28px;width:100%;}
.detail_title h1{font-size:28px;line-height: 32px;color:#333;font-weight:bold;margin-bottom: 12px;}
.detail_title p{font-size:16px;color:#999999;line-height: 2em;}
.detail_title p span{display:inline-block;margin: 0 12px;}
.detail_title p span i{color:#999;font-size:16px;display: inline-block;margin-right: 6px;font-family: "iconfont"}
.content_box{padding:0 0 20px;border-bottom: 1px solid #ccc;}
.content_box p{word-wrap: break-word;line-height:24px;margin-bottom:24px;font-size:16px;text-indent: 30px;}
.share{margin-top:55px;}
.share span{display:block;font-size:14px;color:#999;margin-right: 8px;float: right;line-height: 36px;}
#bdshare_weixin_qrcode_dialog {-webkit-box-sizing: content-box;-moz-box-sizing: content-box; box-sizing: content-box;}
.preNext{margin-top: 30px;}
.preNext a{font-size:14px;width:46%;color:#333;font-weight: bold;}
.preNext a span{font-size:14px;transition: all 0.4s ease;-webkit-transition: all 0.4s ease;font-weight: normal;}
.preNext a:hover span{color:#ff8525;}
.back{width:70px;height: 63px;border-radius: 10px;background: #ff8525;line-height: 63px;text-align: center;color:#fff;font-size:16px;display: block;-webkit-box-shadow: inset 0px 1px 0px #ff8525, 0px 4px 0px #ed6800;-moz-box-shadow: inset 0px 1px 0px #ff8525, 0px 4px 0px #ed6800; -o-box-shadow: inset 0px 1px 0px #ff8525, 0px 4px 0px #ed6800; box-shadow: inset 0px 1px 0px #ff8525, 0px 4px 0px #ed6800;position: absolute;top:48px;right:-80px;}
.back:hover{opacity: .9;}

/*闯关练习*/
.Checkpoint{width:100%;}
.checkpoint_box{width:580px;border:1px solid #e6e6e6;border-radius:10px;background: #fff;-webkit-box-shadow: inset 0px 1px 0px #fff, 0px 8px 0px #d6d6d6;-moz-box-shadow: inset 0px 1px 0px #fff, 0px 8px 0px #d6d6d6; -o-box-shadow: inset 0px 1px 0px #fff, 0px 8px 0px #d6d6d6; box-shadow: inset 0px 1px 0px #fff, 0px 8px 0px #d6d6d6;margin: auto;position: relative;float: left;margin-right: 40px;margin-bottom: 50px;padding: 36px;}
.checkpoint_box:nth-of-type(2n){margin-right: 0;}
.quan{width:15px;height: 47px;display: block;background: url(../images/square.html) left center no-repeat;position: absolute;top:42px;left:-8px;}
.checkpoint_title{padding-right: 145px;}
.checkpoint_title h3{color:#333;font-weight: bold;font-size:22px;line-height: 24px;margin-bottom: 10px;}
.checkpoint_title p{color:#999;font-size:14px;line-height: 21px;word-wrap: break-word;margin-bottom: 20px;}
.c_number{width:80px;height: 70px;border-radius:6px;position: absolute;right:40px;top:28px;background: -webkit-linear-gradient(#FF8727, #FF6B00);
    background: -o-linear-gradient(#FF8727, #FF6B00); background: -moz-linear-gradient(#FF8727, #FF6B00); background: linear-gradient(#FF8727, #FF6B00);text-align: center;font-size:14px;color:#fff; }
.c_number span{color:#fff;font-weight: bold;display: block;margin: 16px auto 6px;font-size:18px;line-height: 1em;}
.q_list{width:100%;height: 370px;background: #ededed;border:1px solid #e6e6e6;border-radius: 4px;overflow-y:auto;}
.q_list ul li{width:100%;padding: 0 110px 0 12px;position: relative;height: 37px;line-height: 37px;}
.q_list ul li:nth-of-type(even){background: #fafafa;}
.q_list ul li a{font-size:14px;color:#333;}
.q_list ul li a:hover{color:#ff8525;}
.q_list ul li a strong{font-size:14px;color:#666;display:inline-block;margin-right: 10px;}
.q_list ul li.lock strong{border-color:#ababab;}
.q_list ul li.lock strong,.q_list ul li.lock a{color:#ababab;}
.q_list ul li b{font-size:20px;color:#c9c9c9;font-family: "iconfont";position: absolute;right:34px;top:0;}
.passed{width:64px;height: 21px;border-radius:4px;background: #77d04b;line-height: 21px;text-align: center;color:#fff;font-size:12px;display: block;position: absolute;right:28px;top:50%;margin-top: -10px;}
.passed.no-passed{background: #ff7716;}
.passed i{font-size:14px;color:#fff;display:inline-block;margin-right:4px;}
.passed i.iconfont-dagou:before{content: "\e600"}
.passed.no-passed i.iconfont-dagou:before{content: "\e620";font-size:12px;}


.left_suspension{width:490px;background: #fff;border-top:2px solid #ff8525;border-right:2px solid #ff8525;border-bottom:9px solid #ff8525;position: fixed;left:0;top:20%;border-radius:0 10px 15px 0;padding-bottom: 40px;z-index: 9999;}
.suspension_title{padding:30px 30px 20px;font-size:22px;font-weight: bold;color:#333;line-height: 26px; }
.left_suspension .q_list ul li{padding-left: 30px;}
.left_suspension .q_list ul li.choosed{background:url(../images/diandian.html) 80% center no-repeat #ff8625;}
.left_suspension .q_list ul li.choosed a,.left_suspension .q_list ul li.choosed strong{color:#fff;}

.but_suspension{width:81px;height: 153px;background: url(../images/retract.html) left center no-repeat;position: absolute;right:-77px;top:50%;margin-top: -76px;cursor: pointer;text-align: center;}
.but_suspension span{color:#fff;font-weight: bold;font-size:16px;width:20px;display: block;margin: 20px 0 0 18px;line-height:18px;}
.but_suspension i{color:#fff;font-size:14px;display: block;position: absolute;top:64px;right:14px;}
.but_suspension i.iconfont-shouqikechengliebiao:before{content:"\e61c"}


.left_suspension.on{left:-490px;}
.left_suspension.on .but_suspension i{transform: rotate(-180deg);-webkit-transform: rotate(-180deg);}

.course_left{width:590px;background: #fff;border-radius:10px;border:1px solid #e6e6e6;float: left;position: relative;}
.course_title{width:100%;background: #f5f5f5;padding:25px 180px 25px 30px;border-radius:10px 10px 0 0;}
.course_title h3 strong{font-size:24px;color:#666;display:block;margin-right: 10px;float: right;width:30px;}
.course_title h3 span{font-weight: bold;color:#333;font-size:22px;display:block;line-height: 26px;float: right;width:320px;}
.course_title dl{position: absolute;right:30px;top:22px;}
.course_title dl dd{float: left;margin-left: 10px;}
.course_title dl dd a{display: block;font-size:14px;color:#fff;padding: 0 6px 0 8px;height: 30px;line-height: 30px;border-radius:4px;}
.course_title dl dd a i{color:#fff;font-size:16px;font-family: "iconfont";vertical-align: bottom;margin-right: 6px;}
.course_title dl dd a:hover{opacity: .8;}
.course_title dl dd a.notice{background: #31a7fe;border-bottom: 2px solid #2d7cb5;}
.course_title dl dd a.help{background: #76e43f;border-bottom: 2px solid #54c41c;}
.title_description{width:100%;height: 728px;overflow-y:auto;padding: 25px 30px 50px;}
.description{width:100%;margin-bottom: 20px;padding-bottom: 5px;}
.description h3{font-weight: bold;font-size:16px;color:#ff8525;line-height: 24px;margin-bottom:6px;}
.description p{line-height: 21px;word-wrap: break-word;font-size:14px;}
.tm_img{width:100%;border:1px solid #b3b3b3;border-radius: 10px;margin: 10px 0 ;padding: 30px 50px;}
.description.border{border-bottom:1px dashed #e6e6e6;}

.course_right{width:590px;background: #fff2e5;border-radius:10px;border:1px solid #f2d0ae;float: right;position: relative;}
.course_right .course_title{background: #ffddba;padding-right: 50px;}
.course_right .course_title h3 span{font-weight: bold;color:#c56200;font-size:22px;display:block;line-height: 26px;}
.course_title dl dd a.collect{background: #fffbf5;border-bottom: 2px solid #ded4c4;color:#bfbfbf;}
.course_title dl dd a.collect i{color:#bfbfbf;}
.course_title dl dd a.note{background: #76e43f;border-bottom: 2px solid #54c41c;}
.course_title dl dd a.shares{background: #76e43f;border-bottom: 2px solid #54c41c;}
.code_area{width:100%;padding:10px 30px 50px;height: 728px;font-size: 18px;}
.function_name{line-height: 22px;font-size:16px;color:#c56200;}
.CodeMirror{width:100%;height: 600px;background: #fff;margin: 10px 0;padding: 12px 18px;font-size:16px;}

.CodeMirror::-webkit-scrollbar-track-piece{width:8px;background-color:#fff2e5;}
.CodeMirror::-webkit-scrollbar{width:8px;background-color:#f7c899;height:8px}
.CodeMirror::-webkit-scrollbar-thumb{width:8px;background-color:#f7c899;border-radius:4px;}


.submit_code{display: block;width:140px;height: 43px;text-align: center;line-height: 40px;border-radius: 20px;background: #ff8525;color:#fff;font-size:16px;border-bottom: 3px solid #ea6700;margin: 26px auto 0;}
.submit_code:hover{background: #ff9e52;}

body .layui-layer.demo-class5{width:800px!important;}
body .demo-class5 .layui-layer-title{background:#ff8525; color:#fff; border: none;height: 60px;line-height: 60px;font-size:20px;font-weight: bold;border-radius:10px 10px 0 0 ;}
body .demo-class5 .layui-layer-title b{width:3px;height: 24px;background: #fff;border-radius: 1.5px;display:block;margin-right:16px;float: left;margin-top: 18px;}
body .layui-layer.demo-class5{border-radius:10px;}
body .demo-class5 .layui-layer-setwin{width:40px;height: 40px;line-height: 40px;text-align: center;border:1px solid #fff;border-radius: 6px;background: #ff8525;top:34px;right:-20px;overflow: hidden;}
body .demo-class5 .layui-layer-setwin a{width:18px;height: 18px;}
body .demo-class5 .layui-layer-setwin .layui-layer-close1{background-position: -81px -40px;margin: 12px auto;}
body .demo-class5 .layui-layer-content{padding: 24px 46px 60px;background: #fafafa;border-radius:0 0 10px 10px;}
.test-state{width:100%;margin-bottom: 38px;}
.state_top{margin-bottom: 10px;}
.state_top h3{font-size:16px;color:#333;font-weight: bold;float: left;margin-right: 16px;line-height: 32px;}
.state_list{width:580px;float: left;}
.state_list p.Waitting{font-size:14px;color:#31a7fe;}
.state_list p.Judging{font-size:14px;color:#ff8425;}
.state_list p.done{font-size:14px;color:#58d028;}
.state_list p img{margin-right: 10px;}

.state_result{padding: 12px 20px;border:1px solid #b6bfb8;line-height: 24px;font-size:16px;color:#333;}
.test_result{width:100%;margin-bottom: 40px;}

.test_result h3{font-size:16px;color:#333;font-weight: bold;line-height: 32px;margin-bottom: 10px;}
.result_desc{width:100%;padding:30px;border:1px solid #b6bfb8;min-height: 135px;}
.result_score{width:80px;float: left;text-align: center;font-size:16px;color:#ff8525;margin: 0 100px 0 50px;}
.result_score h6{color:#ff8525;font-size:50px;line-height: 1em;font-weight: bold;margin-bottom: 10px;}
.result_info{float: left;}
.result_info p{line-height: 24px;margin: 5px 0;font-size:16px;}
.test_sure{width:120px;height: 41px;text-align: center;line-height: 41px;border-radius: 20px;background: #ff8525;color:#fff;font-size:14px;display: block;margin: auto;}
.test_sure:hover{opacity: .9;}


body .layui-layer.clearance_ok {background: none;box-shadow: 1px 1px 50px rgba(0,0,0,0);}
body .layui-layer-dialog.clearance_ok .layui-layer-content{overflow: hidden;width:574px;height: 580px;}

body .clearance_ok .layui-layer-btn{position: absolute;bottom:0;width:100%;text-align: center;margin: 0 15px;}
body .clearance_ok .layui-layer-btn a{margin: 0 15px;}
body .clearance_ok .layui-layer-btn .layui-layer-btn0{width:144px;height: 73px;background: url(../images/close.html) left center no-repeat;font-size:0;border:0px;}
body .clearance_ok .layui-layer-btn .layui-layer-btn1{width:144px;height: 73px;background: url(../images/next.html) left center no-repeat;font-size:0;border:0px;}

body .layui-layer.clearance_fail {background: none;box-shadow: 1px 1px 50px rgba(0,0,0,0);}
body .layui-layer-dialog.clearance_fail .layui-layer-content{overflow: hidden;width:614px;height:498px;}

body .clearance_fail .layui-layer-btn{position: absolute;bottom:-60px;width:100%;text-align: center;margin: 0 15px;}
body .clearance_fail .layui-layer-btn a{margin: 0 15px;}
body .clearance_fail .layui-layer-btn .layui-layer-btn0{width:144px;height: 73px;background: url(../images/close.html) left center no-repeat;font-size:0;border:0px;}
body .clearance_fail .layui-layer-btn .layui-layer-btn1{width:144px;height: 73px;background: url(../images/again.html) left center no-repeat;font-size:0;border:0px;}



body .layui-layer.demo-class6 {box-shadow: 1px 1px 50px rgba(0,0,0,0);background: none;width:522px!important;}
body .demo-class6 .layui-layer-content{overflow: hidden;background:url(../images/tishi.html) left center no-repeat;width:100%;height: 564px;}
body .demo-class6 .t_desc{padding: 250px 50px 0;font-size:16px;line-height: 24px;text-align: left;color:#2e91d7;}
body .demo-class6 .layui-layer-btn{position: absolute;bottom:56px;width:100%;text-align: center;margin: 0 15px;}
body .demo-class6 .layui-layer-btn .layui-layer-btn0{width:122px;height:62px;background: url(../images/sure1.html) left center no-repeat;font-size:0;border:0px;}

body .layui-layer.demo-class7 {box-shadow: 1px 1px 50px rgba(0,0,0,0);background: none;width:522px!important;}
body .demo-class7 .layui-layer-content{overflow: hidden;background:url(../images/help.png) left center no-repeat;width:100%;height: 564px;}
body .demo-class7 .t_desc{padding: 250px 50px 0;font-size:16px;line-height: 24px;text-align: left;color:#217300;}
body .demo-class7 .layui-layer-btn{position: absolute;bottom:56px;width:100%;text-align: center;margin: 0 15px;}
body .demo-class7 .layui-layer-btn .layui-layer-btn0{width:122px;height:62px;background: url(../images/sure.png) left center no-repeat;font-size:0;border:0px;}



/*公开比赛*/
.bs_screening{width:100%;margin-bottom: 30px;}
.bs_screening .layui-form-item .layui-inline{margin-right: 5px;}
.bs_screening .layui-form-label{width:110px;font-size:16px;color:#666;text-align: left;}
.bs_screening .layui-form-item .layui-form-checkbox[lay-skin=primary]{margin-top: 0;}
.bs_screening .layui-form-select dl dd.layui-this{background: #ff8525;}
.bs_screening .layui-input{border-radius:0;}
.bs_screening .layui-form-select dl{border-radius:0;}
.bs_screening .layui-form-checkbox[lay-skin=primary] span{float: left;padding-right:10px;color:#666;font-size:16px;}
.bs_screening .layui-form-checkbox[lay-skin=primary] i{border:1px solid #999;top:2px;}
.bs_screening .layui-form-checkbox[lay-skin=primary]:hover i{border:1px solid #ff8525;}
.bs_screening .layui-form-checked[lay-skin=primary] i{background: #ff8525;border-color:#ff8525;}
.bs_screening .open_submit{font-size:16px;width:98px;color:#fff;display:inline-block;border-radius: 20px;background: #ff8525;height: 40px;line-height: 40px;text-align: center;margin-left: 16px;}
.bs_screening .open_submit:hover{background: #ff9e52;}
.bs_screening .open_submit i{color:#fff;font-family: "iconfont";display: inline-block;vertical-align: middle;margin-right:6px;font-size:20px;}
.laydate-btns-time{border:1px solid #c9c9c9;padding: 0 5px!important;border-radius:3px;}
.laydate-footer-btns span{border: 1px solid #ff8525!important;color:#fff!important;background-color: #ff8525!important;margin: 0 1px!important;line-height: 24px!important;}
.layui-laydate-content th{background: #f2f2f2;}
.layui-laydate-content td{border-radius: 3px;}
.layui-laydate-footer span.laydate-btns-time:hover{color:#ff8525!important;}
.layui-laydate-footer span[lay-type=date]{color:#ff8525!important;}
.layui-laydate-header i{font-size:14px!important;}

.screeningList ul li{width:100%;margin-top: 30px;}
.List_left{width:830px;border:1px solid #e6e6e6;border-radius: 10px;height: 228px;border-bottom: 6px solid #d6d6d6;position: relative;padding: 30px 40px 0 50px;float: left;background: #fff;}
.class_name1 h3{width:410px;float: left;overflow: hidden;margin-bottom: 12px;}
.class_name1 h3 a{font-size:22px;font-weight: bold;line-height: 28px;}
.class_name1 span{padding: 0 12px;height: 20px;line-height: 18px;font-size:12px;color:#34c556;border:1px solid #34c556;border-radius:10px;display: block;float: right;}
.class_name1 span.time_end{border:1px solid #f75050;color:#f75050;}
.class_name1 span.jiange{margin: 0 8px;font-size:16px;color:#4ad26a;border:0;padding: 0;}
.List_left p{font-size:14px;color:#999999;line-height: 21px;word-wrap: break-word;margin-bottom: 22px;}
.List_left_bot span{display: block;line-height: 22px;color:#ff6b00;margin-bottom: 4px;}
.List_left_bot span i{font-size:16px;color:#ff6b00;font-family: "iconfont";display: inline-block;margin-right: 8px;}

.but_detail{width:140px;height: 43px;background: #ff8525;border-radius: 20px;color:#fff;font-size:16px;line-height: 40px;text-align: center;display: block;position: absolute;bottom: 30px;right:40px;border-bottom: 3px solid #ea6700;}
.but_detail:hover{background: #ff9e52;}
.List_right{width:364px;height: 228px;border:1px solid #e6e6e6;border-bottom: 6px solid #d6d6d6;height: 228px;border-radius: 10px;float: right;padding: 30px 20px;background: #fff;}
.connect{width:23px;height: 18px;display: block;position: absolute;right:-15px;top:42px;}
.connect b{display: block;width:100%;height: 6px;background: #fff;border:1px solid #ff8525;border-radius: 3px;margin-bottom: 6px;}
.screening_state{width:55px;height: 195px;text-align: center;position: absolute;left:-28px;top:50%;margin-top: -98px;z-index: 999;}
.screening_state h6{color:#fff;font-size:18px;font-weight: bold;line-height: 20px;padding:20px 18px 24px;}
.screening_state span{color:#ff8322;font-size:14px;padding: 0 18px;display: block;line-height:16px }
.List_left.ready .screening_state{background: url(../images/open_s1.png) left center no-repeat;}
.List_left.underway .screening_state{background: url(../images/open_s2.png) left center no-repeat;}
.List_left.over .screening_state{background: url(../images/open_s3.html) left center no-repeat;}
.List_left.underway .but_detail{background: #69e239;border-bottom-color:#4dc61d;}
.List_left.underway .but_detail:hover{background: #83e35d;}
.List_left.underway .screening_state span{color:#61cc2a;}
.List_left.underway .connect b{border-color:#61cc2a; }
.List_left.over .screening_state span{color:#666;}
.List_left.over .connect b{border-color:#999; }
.List_left.over .class_name1 span{border-color:#999;color:#999;}

.creat_icon{width:157px;height: 122px;position: absolute;bottom: 0;right:212px;background: url(../images/mecreat.html) left center no-repeat;z-index: 998;}

/*进阶课程*/
.advanced{width:100%;}
.advanced ul li{width:580px;border:1px solid #e6e6e6;border-radius:10px 10px 12px 12px;background: #fff;height: 318px;border-bottom: 7px solid #d6d6d6;padding: 46px 142px 0 46px;position: relative;float: left;margin-right:40px;margin-bottom: 40px;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;}
.advanced ul li:nth-of-type(2n){margin-right: 0;}
.advanced ul li h3{font-size:22px;font-weight: bold;color:#333;line-height: 26px;margin-bottom: 12px;}
.advanced ul li h3 i{display: inline-block;width:55px;height: 13px;background: url(../images/square_heng.html) left center no-repeat;margin-left: 8px;}
.advanced ul li p{font-size:14px;color:#999;line-height: 21px;word-wrap: break-word;margin-bottom:30px;}
.but_experience{width:138px;height: 43px;background: #ff8525;border-radius: 20px;color:#fff;font-size:16px;line-height: 40px;text-align: center;display: block;border-bottom: 3px solid #ea6700;margin-top: 14px;}
.but_experience i{display: inline-block;font-size:14px;color:#fff;font-family:"iconfont";margin-left: 6px;width: 12px;}
.but_experience:hover{background: #ff9e52;}
.order2{width:62px;height: 62px;border-radius: 100%;background: -webkit-linear-gradient(#FF8727, #FF6B00);
    background: -o-linear-gradient(#FF8727, #FF6B00); background: -moz-linear-gradient(#FF8727, #FF6B00); background: linear-gradient(#FF8727, #FF6B00);position: absolute;right:50px;top:28px;font-size:40px;font-family: 'DINBlackAlternate';text-align: center;line-height: 54px;color:#fff;}
.advanced ul li:hover{border-color:#ff8525;border-bottom-color:#ff8525;box-shadow: 0 10px 17px rgba(255,133,37,.25);-webkit-box-shadow: 0 10px 17px rgba(255,133,37,.25);}


/*入门课程*/
.rumen_course ul li{width:100%;padding: 40px 0;border-bottom: 1px dashed #d6d6d6;position: relative;}
.course_desc{width:600px;padding: 30px 74px 0 150px;position: relative;text-align: right;float: left;}
.course_desc h3{font-size:22px;font-weight: bold;color:#333;line-height: 26px;margin-bottom: 12px;}
.course_desc h3 i{display: inline-block;width:55px;height: 13px;background: url(../images/square_heng.html) left center no-repeat;margin-left: 8px;}
.course_desc p{font-size:14px;color:#999;line-height: 21px;word-wrap: break-word;margin-bottom:30px;}
.course_desc .but_experience{float: right;}
.quan2{display: inline-block;width:55px;height: 13px;background: url(../images/square_heng.html) left center no-repeat;position: absolute;right:0;top:36px;}
.course_img{width:434px;border-radius: 10px;float: left;margin-left: 26px;box-shadow: 0 7px 15px rgba(19,49,20,.15);-webkit-box-shadow: 0 7px 15px rgba(19,49,20,.15);}
.course_img img{border-radius: 10px;}
.rumen_course ul li .order2{left:0;top:30px;}
.course_pt{position: absolute;left:0;bottom:20px;}
.rumen_course ul li:nth-of-type(even) .course_desc{float: right;padding: 30px 150px 0 74px;text-align: left; }
.rumen_course ul li:nth-of-type(even) .course_desc .but_experience{float: left;}
.rumen_course ul li:nth-of-type(even) .quan2{background: url(../images/square_hengf.html) left center no-repeat;left:0;top:36px;right:auto;}
.rumen_course ul li:nth-of-type(even) .order2{right:0;left:auto;}
.rumen_course ul li:nth-of-type(even) .course_pt{right:0;left:auto;}



/*游戏窗口*/
.game_header{width:100%;height:60px;background: #ffb266;position: relative;padding: 0 20px;}
.logo3{float: left;margin-top: 10px;}
.layui-fluid{padding: 20px!important;}
#mainLeft{ overflow: hidden;border:1px solid #f2d0ae;width:60%;float: left; margin-top: -5px; margin-left: -10px;}
.mainLeft_head{width:100%;height: 50px;background: #ffddba;line-height: 50px;padding: 0 20px;}
.crumbs{float: left;}
.crumbs a{font-size:16px;color:#ec8c29;}
.crumbs i{font-family:"iconfont";color:#ec8c29;font-size:14px;display: inline-block;margin: 0 4px;}
.crumbs span{display: inline-block;font-size:16px;font-weight: bold;color:#c56200;}
.number_wheel{float: right;margin-top: 8px;position: relative;margin-right:40px;}
.but_left{width:19px;height: 17px;background: url(../images/but_left.html) left center no-repeat;display: block;position:absolute;top: 50%;left:-34px;margin-top: -8px;}
.but_right{width:19px;height: 17px;background: url(../images/but_right.html) left center no-repeat;display: block;position:absolute;top: 50%;right:-34px;margin-top: -8px;}
.number_wheel ul li{float: left;margin: 0 5px;position: relative;}
.number_wheel ul li a{display: block;width:33px;height: 33px;line-height:30px;border-bottom: 3px solid #54c41c;background: #76e43f;border-radius: 100%;text-align: center;position: relative;color:#fff;font-size:18px; font-family: 'DINBlack';}
.number_wheel ul li a:hover{opacity: .6;}
.number_wheel ul li.active a{background: #ffa74f;border-bottom: 3px solid #e38527;}
.number_wheel ul li.locked a{background: #fffbf5;border-bottom: 3px solid #ded4c4;color:#bfbfbf;}
.number_wheel ul li span{display: block;width:18px;height: 18px;border:1px solid #fff;background: #bfbfbf;border-radius: 100%;line-height: 16px;text-align: center;font-size:12px;color:#fff;font-family: "iconfont";position: absolute;right:-4px;bottom: -4px;}

.canvasBox{width:100%;height: 100%; overflow: hidden; position: relative;}
#mainRight{width:41%;float: right; overflow: hidden; background: #ffddba;border:1px solid #f2d0ae;margin-top: -5px; margin-right: -10px; margin-left: -0px;}
.game_code{width:100%;margin-bottom: 10px;}

.code_top1{width:100%;height:48px;border-bottom: 0px solid #f2d0ae;padding: 0 20px; }
.code_top1 a{display: block;float: left;height: 29px;padding: 0 6px 0 7px;background: #31a7ff;border-radius: 4px;margin-right:10px;color:#fff;font-size:14px; line-height: 28px;border-bottom: 2px solid #1383d7;margin-top: 10px;}
.code_top1 a:hover{background: #5eb9ff;}
.code_top1 a i{display: inline-block;font-size:14px;font-family: "iconfont";margin-right: 4px;}

.code_top{width:100%;height:48px;border-bottom: 0px solid #f2d0ae;padding: 0 20px;background: #ffddba; }
.code_top a{display: block;float: left;height: 29px;padding: 0 6px 0 7px;background: #fffbf5;border-radius: 4px;margin-right:10px;color:#bfbfbf;font-size:14px; line-height: 28px;border-bottom: 2px solid #ded4c4;margin-top: 10px;}
.code_top a i{display: inline-block;font-size:14px;font-family: "iconfont";margin-right: 4px;}
.code_top a.on{background: #76e43f;color:#fff;border-bottom: 2px solid #54c41c;}

.code_area2{width:100%;padding: 20px;background: #fff;overflow-y:auto;}
.code_area2::-webkit-scrollbar-track-piece{width:8px;background-color:#fff2e5;}
.code_area2::-webkit-scrollbar{width:8px;background-color:#f7c899;height:8px}
.code_area2::-webkit-scrollbar-thumb{width:8px;background-color:#f7c899;border-radius:4px;}
.game_code h4{text-align: center;height: 50px;line-height: 50px;background: #ffddba;font-size:18px;font-weight: bold;color:#c56200;border-bottom: 1px solid #f2d0ae;border-top: 1px solid #f2d0ae;}

#codeMirror-area{ margin :-2px; background-color: #000;}

.code_ts{width:100%; padding: 50px;background: #fff2e5;border-radius: 0 0 15px 0;}
.code_ts ul li{margin-bottom: 6px;width:100%;line-height: 22px;font-size:16px;color:#333;}
.code_ts ul li span{color:#ff0000;}
.code_ts::-webkit-scrollbar-track-piece{width:8px;background-color:#fff2e5;}
.code_ts::-webkit-scrollbar{width:8px;background-color:#f7c899;height:8px}
.code_ts::-webkit-scrollbar-thumb{width:8px;background-color:#f7c899;border-radius:4px;}

.code_button {text-align: center; margin:20px; margin-left:5px; position: relative; }
.code_button a{width:28.5%;height: 35px;text-align: center;line-height: 35px;color:#fff;display: inline-block;margin-right:5.5%;}
.code_button a.code_submit{background: #05AA9B;}
.code_button a.code_submit:hover{background: #15CBB9;}

.code_button a.code_help{background: #69e239;border-bottom: 3px solid #4dc61d;margin-right: 0;}
/*.code_button a.code_run{background: #31a7ff;border-bottom: 3px solid #1383d7; }*/
.code_button a.code_run:hover{background: #5eb9ff;color: #000;}
.code_button a.code_run{background: #31a7ff;}
.code_button a.code_run.on{background: #d6d6d6;border-color: #c4c4c4;}
.code_button a.code_kill{background: #ff8525;border-bottom: 3px solid #ea6700;}
.code_button a.code_kill:hover{background: #ff9e52;color: #000;}


.code_button a.code_help:hover{background: #8ae466;}
.range-wrap{width:115px;position: absolute;right:20%;top:50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.range-bar {width: 100%; height:6px; border-radius: 3px; background: #fff1df; }
.range-btn {width: 30px; height:30px; border-radius: 50%; background: #ffa74f; position: absolute; top: -50%;margin-top:-10px; left: 0px; cursor: pointer; transition: left .4s;-webkit-transition: left .4s;border:2px solid #fff;line-height: 28px;text-align: center;color:#fff;font-family: "iconfont";font-size:16px; }
.range-label {width:20px;text-align: center; position: absolute; top: 15px; left: 0px;transition: left .1s;-webkit-transition: left .1s;color:#fff; }

@media (max-width: 699px) {
	#mainLeft{border-radius:15px 0 0 15px;width:100%;float: none;margin-bottom: 20px;}
	#mainRight{width:100%;float: none;}
}

/*本周之星*/
.starBox{width:100%;padding: 90px 0 100px;}
.single_star{width:100%;margin-bottom: 30px;}
.star_box{width:760px;height:350px;border-radius: 10px;position: relative;background: url(../images/index/zuan_bg.html) right bottom no-repeat #fff;float: left;box-shadow: 0 9px 18px rgba(255,116,12,.1);-webkit-box-shadow:  0 9px 18px rgba(255,116,12,.1);}
.touxiang{width:153px;height: 152px;background: url(../images/index/tuoy.html) left center no-repeat;position: absolute;left:-76px;top:-32px;}
.touxiang_img{width:120px;height: 120px;overflow: hidden;margin-left:5px;margin-top: 3px;position: relative;z-index: 6;border-radius: 100%;}
.touxiang_img img{border-radius: 100%;}
.touxiang .icon1{display: block;width:36px;height: 33px;background: url(../images/index/zuansi-2.html) left center no-repeat;position: absolute;left:-5px;top:-5px;z-index: 0;transition:all 0.4s ease;-webkit-transition:all 0.4s ease;}
.star_desc{padding: 40px 30px 0 66px;}
.name_rank{width:100%;margin-bottom: 22px;padding: 0 20px;}
.name_rank h3{float: left;color:#333;font-size:26px;font-weight: bold;}
.rank{width:146px;height: 25px;border:1px solid #ff8e33;border-radius: 10px;background: #fff1e5;float: left;margin-left: 14px;margin-top: 2px;padding: 0 10px;}
.rank ul li{width:20px;height: 17px;background: url(../images/index/rank_icon.html) 0 -75px no-repeat;overflow: hidden;display:block;margin:4px 2px 0;float:left;}
.rank ul li.active{background-position: 0 -51px;}
.star_desc p{font-size:16px;color:#666;padding: 0 20px;margin-bottom:50px;line-height: 32px;}
.star_desc dl dd{padding: 0 13px;height: 26px;line-height: 26px;color:#fff;background:#ff6e03;float: left;margin-right: 18px;border-radius: 13px;}
.star_box.crown{background: url(../images/index/huang_bg.html) right bottom no-repeat #fff;}
.star_box.crown .touxiang .icon1{display: block;width:47px;height:44px;background: url(../images/index/touguan-2.html) left center no-repeat;position: absolute;left:-10px;top:-10px;z-index: 0;}
.star_box.crown .rank ul li{background-position: 0 -23px;}
.star_box.crown .rank ul li.active{background-position: 0 0;}
.star_but a{display: block;float: left;height: 30px;line-height: 28px;padding: 0 8px;font-size:14px;border-radius: 4px;margin-left: 20px;}
.star_but a i{display: inline-block;font-size:14px;margin-right: 4px;font-family: "iconfont";}
.star_but a.dianzan{background: #f2f2f2;border-bottom: 2px solid #bfbfbf;color:#bfbfbf;}
.star_but a.star_share{background: #76e43f;border-bottom: 2px solid #54c41c;color:#fff;}
.star_but a:hover{opacity: .85;}

.comment{float: right;width:410px;height: 350px;overflow: hidden;background: #fff;box-shadow: 0 9px 18px rgba(255,116,12,.1);-webkit-box-shadow:  0 9px 18px rgba(255,116,12,.1);border-radius: 10px;padding: 40px 40px 0;}
.comment h3{color:#333;font-size:26px;font-weight: bold;}
.comment h3 i{display: inline-block;font-size:32px;color:#ff8525;margin-right: 14px;font-family: "iconfont";vertical-align: middle;font-weight: normal;}
.comment p{line-height: 28px;word-wrap: break-word;font-size:14px;margin: 24px 0 50px;}
.t_name{text-align: right;font-size:16px;color:#ff8525;}
.t_name:before{content: "";height: 1px;width:98px;background: #ff8525;display:inline-block;margin-right: 10px;vertical-align: middle;}

.answer_analysis{width:100%;min-height: 300px;overflow: hidden;background: #fff;box-shadow: 0 9px 18px rgba(255,116,12,.1);-webkit-box-shadow:  0 9px 18px rgba(255,116,12,.1);border-radius: 10px;padding: 40px 60px;margin-bottom:70px;}
.answer_analysis h3{color:#333;font-size:26px;font-weight: bold;}
.answer_analysis h3 i{display: inline-block;font-size:32px;color:#ff8525;margin-right: 14px;font-family: "iconfont";vertical-align: middle;font-weight: normal;}
.analysis_data{margin-top:10px;padding-left: 20%;}

.star_box2{width:400px;height: 172px;border-radius: 10px;position: relative;background: url(../images/index/zuan_bg.html) right bottom no-repeat #fff;float: left;margin-left:160px;cursor: pointer;}
.star_box2:hover{box-shadow: 0 9px 18px rgba(255,116,12,.1);-webkit-box-shadow:  0 9px 18px rgba(255,116,12,.1);transform: translateY(-5px);-webkit-transform: translateY(-5px);}
.star_box2 .touxiang_img::before {content: ""; position: absolute; width: 80px; height:120px; top:50px; left: -90px; overflow: hidden; background: -moz-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.5)50%,rgba(255,255,255,0)100%); background: -webkit-gradient(linear,left top,righttop,color-stop(0%,rgba(255,255,255,0)),color-stop(50%,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0))); background: -webkit-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.5)50%,rgba(255,255,255,0)100%); background: -o-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.5)50%,rgba(255,255,255,0)100%); -webkit-transform: skewX(45deg); -moz-transform: skewX(45deg); -o-transform: skewX(45deg); z-index: 999; } 
.star_box2:hover .touxiang_img::before {left:100px; top:-35px; transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s; }
.star_box2 .touxiang .icon1{display: block;width:47px;height:44px;background: url(../images/index/zuansi.html) left center no-repeat;position: absolute;left:-10px;top:-10px;z-index: 0;}
.star_box2.crown{background: url(../images/index/huang_bg.html) right bottom no-repeat #fff;}
.star_box2.crown .touxiang .icon1{display: block;width:47px;height:44px;background: url(../images/index/touguan.html) left center no-repeat;position: absolute;left:-10px;top:-10px;z-index: 0;}
.star_box2.crown .rank ul li{background-position: 0 -23px;}
.star_box2.crown .rank ul li.active{background-position: 0 0;}
.star_box2 .rank{margin-top: 3px;}
.star_box2 .star_desc{padding:30px 30px 0 66px;}
.star_box2 .name_rank{margin-bottom: 12px;}
.star_box2 .name_rank h3{font-size:22px;}
.star_box2 .star_desc p{margin-bottom:18px;line-height: 22px;color:#999;}

.star_box2:hover .touxiang .icon1{background: url(../images/index/zuansi-2.html) left center no-repeat;}
.star_box2.crown:hover .touxiang .icon1{background: url(../images/index/touguan-2.html) left center no-repeat;}



#swiper-container2 .swiper-button-next,#swiper-container2 .swiper-button-prev{display: block;color:#ff882b;font-size:42px;background-image: none;position: absolute;left:2px;top:50%;margin-top: -21px;width:42px;height: 42px;transition: all 0.4s ease;-webkit-transition: all 0.4s ease;}
#swiper-container2 .swiper-button-next{left:auto;right:2px;}
#swiper-container2 .iconfont-zuojiantou:before{content: "\e615";}
#swiper-container2 .iconfont-youjiantou:before{content: "\e612";}
#swiper-container2 .swiper-wrapper{padding: 50px 0;}
#swiper-container2 .iconfont-zuojiantou:hover,#swiper-container2 .iconfont-youjiantou:hover{color:#ec5912;}


.prizes{width:47px;height: 94px;background: url(../images/xz.html) left center no-repeat;position: absolute;left:-23px;top:38px;z-index: 99;}


.canvas {
	width: 100%; 
	height: 95%;
	border: solid 0px #DDD; 
	position: absolute; 
	top: 0; 
	left: 1px; 
	padding: 0;
	/*border-radius:0 0 0 12px;*/
	 
}

body .layui-layer.demo-class-code {box-shadow: 1px 1px 50px rgba(0,0,0,0);background: none;width:522px!important;}
body .demo-class-code .layui-layer-content{overflow: hidden;background:url(../images/code_input.png) left center no-repeat;width:100%;height: 564px;}
body .demo-class-code .t_desc{padding: 250px 50px 0;font-size:16px;line-height: 24px;text-align: left;color:#217300;}
body .demo-class-code .layui-layer-btn{position: absolute;bottom:36px;width:100%;text-align: center;margin: 0 15px;}
body .demo-class-code .layui-layer-btn .layui-layer-btn0{width:122px;height:62px;background: url(../images/sure.png) left center no-repeat;font-size:0;border:0px;}
.code_button a.code_input{background: #69e239;border-bottom: 3px solid #4dc61d;margin-right: 0;}
.code_button a.code_input:hover{background: #8ae466;}
.t_desc_code{padding: 210px 50px 0;font-size:16px;line-height: 24px;text-align: left;color:#217300;}
/**
 * Swiper 3.4.2
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * 
 * http://www.idangero.us/swiper/
 * 
 * Copyright 2017, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 * 
 * Licensed under MIT
 * 
 * Released on: March 10, 2017
 */
.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-transition-property:-webkit-transform,height;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform,height}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;-moz-background-size:27px 44px;-webkit-background-size:27px 44px;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-white .swiper-pagination-bullet{background:#fff}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-o-transform:translate(0,-50%);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:5px 0;display:block}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px}.swiper-pagination-progress{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progress .swiper-pagination-progressbar{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-moz-transform-origin:left top;-ms-transform-origin:left top;-o-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar{-webkit-transform-origin:right top;-moz-transform-origin:right top;-ms-transform-origin:right top;-o-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progress{width:100%;height:4px;left:0;top:0}.swiper-container-vertical>.swiper-pagination-progress{width:4px;height:100%;left:0;top:0}.swiper-pagination-progress.swiper-pagination-white{background:rgba(255,255,255,.5)}.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar{background:#fff}.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar{background:#000}.swiper-container-3d{-webkit-perspective:1200px;-moz-perspective:1200px;-o-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-coverflow .swiper-wrapper,.swiper-container-flip .swiper-wrapper{-ms-perspective:1200px}.swiper-container-cube,.swiper-container-flip{overflow:visible}.swiper-container-cube .swiper-slide,.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-cube .swiper-slide .swiper-slide,.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active,.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-slide{visibility:hidden;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-moz-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;-moz-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;-webkit-background-size:100%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}